如何使用 javascript 交换 eCharts 条形图上的轴答案

【问题标题】：How can I swap the axes on an eCharts bar chart with javascript如何使用 javascript 交换 eCharts 条形图上的轴
【发布时间】：2019-10-14 19:53:58
【问题描述】：

我创建了一个 eCharts 条形图，我只想交换 x 和 y 轴

我尝试将数据对象换成坐标轴，但这不起作用，谷歌搜索也没有出现太多。

这是条形图的初始化脚本

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);

【问题讨论】：

您能否提供一个示例以便我们为您提供帮助。
好的，现在完成了。
你试过了吗？ var option = { yAxis: { name: '', data: ["CARH" , "CDFR" , "HGA" , "O2RG" , "SHLA" , "SHWS"] }, xAxis: { name: '', data : '' }, series: { name: '', type: 'bar', data: [100.29, 101.05, 100.78, 96.3, 101.8, 99.9] } };
不，这不会改变条的方向，我希望它们水平显示而不是垂直显示

标签： javascript jquery axes echarts

【解决方案1】：

试试这个：

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]
}]

};

【讨论】：

【解决方案2】：

看来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]
    }]
}

我通过找到example of an echart horizontal barchart 找到了解决方案，并删除了不会改变图表“水平”的选项。然后我将这组最小选项与问题中给出的选项进行了比较。

【讨论】：