如何将自定义的Yaxis标签与线图使用?这甚至可能



我想拥有一个用echarts制作的简单插头图,其中Yaxis标签不是由该系列的值而是从JS数组中获取。示例:代替值0到100,只有三个Yaxis标签在图表中间,在0级别上说"零","确定","绝对!"。在Yaxis标签线上。

我以下面的示例为例,将系列更改为线型,但后来我也不得不将Yaxis类型转换为"类别",一切都向南。链接:https://ecomfe.github.io/echarts-examples/public/editor.html?c = bar-rich-text

我很想用echarts进行像这样的东西:https://i.pinimg.com/originals/e2/6e/81/e26e81d91dbb2b2b2b2b2b2b2b2b2b89a58ad0ba84e4004004d.png

我从一个更简单的图开始,我完成了您正在寻找的内容:

主要更改是数据需要具有与Yaxis数据字段相同的值。我想这需要在Echarts之外完成。我不知道是否有办法告诉echarts将特定范围映射到某个Yaxis标签:

yAxis: {
    type: 'category',
    data: [0, 'OK', 'Absolutely!']
},
series: [
    {
        name:'邮件营销',
        type:'line',
        stack: '总量',
        data:[0, 'OK',  'OK',  'OK', 'Absolutely!', 'OK', 'OK']
    },
    {
        name:'联盟广告',
        type:'line',
        stack: '总量',
        data:['OK', 0,  0,  0,0, 'Absolutely!', 'OK']
    },
]

最新更新