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

错位样子是这样:数组

markPoint代码:echarts

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

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

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

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

其余参见echarts官网索引

相关文章
相关标签/搜索