echarts3柱状图如何横向显示

qadcyygg 发布于 2016/09/07 09:17
阅读 3K+
收藏 0
在echarts3柱状图中,当x,y轴type都为value时,默认是纵向显示数据,如何配置使数据能够横向显示呢,我在echarts2中看到设置一个barHeight就能将数据横向显示,但是echarts3中没有这个配置项,求大神指点
加载中
0
ecp
ecp

纵向数据 http://echarts.baidu.com/gallery/editor.html?c=doc-example/getting-started 

横向的话.代码如下

option = {
    title: {
        text: 'ECharts 入门示例'
    },
    tooltip: {},
    legend: {
        data:['销量']
    },
    xAxis: {},
    yAxis: {
         data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
    },
    series: [{
        name: '销量',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20]
    }]
};



也就是把X中的data 放到y里面

0
q
qadcyygg

非常感谢你的解答,但是现在我有个疑问,将data放到y轴中,y轴是不是就成为了类目轴了,在series中有多个系列时,每个系列中的data值都需要对应y轴的data相对应,哪怕是设置为“”(空值),我现在有一个图表,如下图所示:

y轴表示每一台机器的编号(数字),图中每一个横条对应每一台机器,蓝色表示该台机器的历史工作进度,橙色表示该台机器的今日工作进度,x轴表示具体的数值,请问下大神此图该如何配置

返回顶部
顶部