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官網索引

相關文章
相關標籤/搜索