cqwcns 发表于 2023-2-20 09:48

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链接,可以跳转到官方示例页面测试。
或者复制我的代码,到官方示例页面中复现,谢谢。

两只小蜜蜂 发表于 2023-2-20 10:07

我觉得你的理解不对,数据的排列本身就是从坐标轴的原点向外排列的,你的y轴本身就应该是从下往上排列的,并不是你认为的从上往下排。

两只小蜜蜂 发表于 2023-2-20 10:11

你这个跟一般的坐标轴不一样的,你可以把你的x轴理解成正常坐标轴的y轴,你的y轴是正常坐标轴的x轴。

d199212 发表于 2023-2-20 10:16

换个角度想,越靠近0,是不是排位顺序就越靠前?所以数组越前面,y轴越靠下

13419077983 发表于 2023-2-20 10:22

lwbjing 发表于 2023-2-20 11:29

yAxis: {type: 'category', inverse: true},

alphagis 发表于 2023-2-20 13:52

666,这个图表好
页: [1]
查看完整版本: JS,ECharts数据集顺序与图表渲染顺序反转的问题