echarts x轴类目同名,导致markPoint错位

错位样子是这样:

145527_pRNv_3108430.png

markPoint代码:

markPoint: [
    data: {
        name : carTypeName,
		value : salesCount,
		xAxis : carTypeName,
		yAxis : salesCount,
		symbolSize: symbolNum
    }
]

查看了一下官方的配置教程,这样写就可以解决类目名重复的为题了

markPoint: [
    data: {
        value : salesCount,
		symbolSize: symbolNum,
		coord: [i, salesCount]
    }
]

关键在于coord这个字段,其中的数组 i 表示x轴类目的索引,后面那个是具体的值 ,也就是标注所在的高度,与y轴的值对应即可,还有一点需要注意,x轴的类目项必须是字符串,即如果你的x轴是[1,2,3],那么必须写成这样['1','2','3']

其他参见echarts官网

转载于:https://my.oschina.net/u/3108430/blog/1624175

评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符 “速评一下”
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页