雷达图使用图片作为 X 轴 label 时,仅有一半 label 有图片
我在 demo 六边形(configureTriangleRadarChart/configureHexagonRadarChart)的基础上做了更改使用图片作为 X 轴 Label 时,仅有一半的label会显示图片,
五边形显示 3 个图
八边形显示 4 个图
polar 属性设置为 false 可全部显示,但是就不是雷达图了
麻烦 AnAn 看一下有没有办法在雷达图的情况下使用图片作为 x轴 label 并全部显示

尴尬了,这估计是 Highcharts 自身的一个 bug, 比如这个相似问题 https://github.com/AAChartModel/AAChartKit/issues/1063
尴尬了,这估计是 Highcharts 自身的一个 bug, 比如这个相似问题 #1063
这可不好办了.......有什么其他方式可以实现类似效果的么😢
你可以试试自己直接嵌入百度的 ECharts 试试, ECharts 估计也支持这个功能. 或者找找其他的原生的 iOS图表库
好的 感谢 AnAn
Hello, 我发现设置 aaOptions.xAxis.labels.step 这个参数会影响标签数量的显示,但是值为 1 也是一半的数量, 其他的值只会更少,有没有可能在框架内部通过改变这个参数修复这个问题
另外我用 HighCharts 的示例试着调试了一下 发现在 polar: true 的时候使用 html 是正常显示的,代码如下:
调试结果
示例地址 (需要在左侧添加常用资源 highcharts-more.js)
$(function () { $('#container').highcharts({ chart : { polar : true, type : 'area' }, xAxis: { // categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], labels: { formatter: function () { return '<span><img src="https://s3.ax1x.com/2021/03/10/6GC7VA.png" style="width: 30px; height: 30px;"/><br></span><span>12312<br></span>' + this.value }, useHTML: true, } }, series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] }] }); });