JS,ECharts数据集顺序与图表渲染顺序反转的问题
如图,ECharts数据集顺序与图表渲染顺序反转了。我找了一下配置手册,没找到原因。
各位大佬知道什么原因,请指教,感谢。
代码:
option = {
dataset: {
source: [
['product', '2015', '2016', '2017'],
['Matcha Latte', 43.3, 85.8, 93.7],
['Milk Tea', 83.1, 73.4, 55.1],
['Cheese Cocoa', 86.4, 65.2, 82.5],
['Walnut Brownie', 72.4, 53.9, 39.1]
]
},
xAxis: {},
yAxis: {type: 'category'},
series: [{ type: 'bar' }, { type: 'bar' }, { type: 'bar' }]
};
DEMO链接:
https://echarts.apache.org/examples/zh/editor.html?c=dataset-simple0&code=PYBwLglsB2AEC8sDeAoWsA2BTA5l6AJgFzIC-ANGrGMMBpCCUhVQQIZhsDOWYTV6LsACuAJwDGWEgG0B6WNIDkIUcALDxYReViKATAAYAjAFZtuw0YBs5_cYDsigLqV58pQFkO4gBZtYADIcYFjmACwAzAB0EToAHCZRcToAnNH2LnLonhAYANawACpYbOZx0UY69tFhOiaJRplu2YoAwj5YWDywrcDiwKXxVlG1sFaJevF6USZNzUoA6mwY0MJgsABCqgDu0BChVdOjJtEpOhEpUY1yTlQs6AAeAIIPEFxM6PewAJ4vb0xgb4gKS6cQcXDAUTfRRfHiifbvBRIahAkGKABGbFEilgFGQKOBJAxWJxeORgMJukx2Nxt1IAG4gA
直接访问DEMO链接,可以跳转到官方示例页面测试。
或者复制我的代码,到官方示例页面中复现,谢谢。 我觉得你的理解不对,数据的排列本身就是从坐标轴的原点向外排列的,你的y轴本身就应该是从下往上排列的,并不是你认为的从上往下排。 你这个跟一般的坐标轴不一样的,你可以把你的x轴理解成正常坐标轴的y轴,你的y轴是正常坐标轴的x轴。 换个角度想,越靠近0,是不是排位顺序就越靠前?所以数组越前面,y轴越靠下 yAxis: {type: 'category', inverse: true}, 666,这个图表好
页:
[1]