AAChartKit icon indicating copy to clipboard operation
AAChartKit copied to clipboard

雷达图使用图片作为 X 轴 label 时,仅有一半 label 有图片

Open program-APE opened this issue 4 years ago • 6 comments

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

program-APE avatar Mar 09 '21 09:03 program-APE

尴尬了,这估计是 Highcharts 自身的一个 bug, 比如这个相似问题 https://github.com/AAChartModel/AAChartKit/issues/1063

AAChartModel avatar Mar 09 '21 10:03 AAChartModel

尴尬了,这估计是 Highcharts 自身的一个 bug, 比如这个相似问题 #1063

这可不好办了.......有什么其他方式可以实现类似效果的么😢

program-APE avatar Mar 09 '21 10:03 program-APE

你可以试试自己直接嵌入百度的 ECharts 试试, ECharts 估计也支持这个功能. 或者找找其他的原生的 iOS图表库

AAChartModel avatar Mar 09 '21 10:03 AAChartModel

好的 感谢 AnAn

program-APE avatar Mar 09 '21 11:03 program-APE

Hello, 我发现设置 aaOptions.xAxis.labels.step 这个参数会影响标签数量的显示,但是值为 1 也是一半的数量, 其他的值只会更少,有没有可能在框架内部通过改变这个参数修复这个问题

program-APE avatar Mar 10 '21 00:03 program-APE

另外我用 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] }] }); });

program-APE avatar Mar 10 '21 01:03 program-APE