如何使用javascript交换eCharts条形图上的轴
我已经创建了一个eCharts条形图,我只想交换x轴和y轴 我尝试过用数据对象交换轴,但没有用,谷歌搜索也没有什么效果 这是条形图的初始化脚本如何使用javascript交换eCharts条形图上的轴,javascript,jquery,axes,echarts,Javascript,Jquery,Axes,Echarts,我已经创建了一个eCharts条形图,我只想交换x轴和y轴 我尝试过用数据对象交换轴,但没有用,谷歌搜索也没有什么效果 这是条形图的初始化脚本 var chart = echarts.init(document.getElementById('chart')); var option = { yAxis: { name: '', data: '' }, xAxis: { name: '', data: ["
var chart = echarts.init(document.getElementById('chart'));
var option = {
yAxis: {
name: '',
data: ''
},
xAxis: {
name: '',
data: ["CARH" , "CDFR" , "HGA" , "O2RG" , "SHLA" , "SHWS"]
},
series: {
name: '',
type: 'bar',
data: [100.29, 101.05, 100.78, 96.3, 101.8, 99.9]
}
};
chart.setOption(option);
似乎
选项
的所有属性都必须包装在数组中,并且xAxis
应该为空:
option = {
yAxis: [{
name: '',
data: ["CARH" , "CDFR" , "HGA" , "O2RG" , "SHLA" , "SHWS"]
}],
xAxis: [{}],
series: [{
name: '',
type: 'bar',
data: [100.29, 101.05, 100.78, 96.3, 101.8, 50]
}]
}
我找到了解决方案,找到了一个,并删除了没有改变图表“水平”的选项。然后,我将这组最小选项与问题中给出的选项进行了比较。尝试以下方法:
var option = {
yAxis: [{
name: '',
data: ["CARH" , "CDFR" , "HGA" , "O2RG" , "SHLA" , "SHWS"]
}],
xAxis: [{
name: '',
data: ['100.29', '101.05', '100.78', '96.3', '101.8', '50']
}],
series: [{
name: '',
type: 'bar',
data: [1 , 2 , 3 , 4 , 5 , 6]
}]
}) 你能提供一个例子让我们帮助你吗?好的,现在完成了。你试过这个吗?var option={yAxis:{name:'',数据:[“CARH”,“CDFR”,“HGA”,“O2RG”,“SHLA”,“SHWS”]},xAxis:{name:'',数据:},系列:{name:'',类型:'bar',数据:[100.29,101.05,100.78,96.3,101.8,99.9]};不,这不会改变条的方向,我希望它们水平显示,而不是垂直显示