Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript交换eCharts条形图上的轴_Javascript_Jquery_Axes_Echarts - Fatal编程技术网

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

如何使用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: ["

我已经创建了一个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);

似乎
选项
的所有属性都必须包装在数组中,并且
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]};不,这不会改变条的方向,我希望它们水平显示,而不是垂直显示