Question

我想用eCharts制作一个简单的折线图，其中yAxis标签不是由系列的值获取的，而是从JS数组获取的。例如：代替0到100的值，应该只存在三个Yaxis标签，分别在0级标有“ 0”，在图表中间标有“ OK”和“绝对！”。在Yaxis标签线的顶部。

我以下面的示例为例，将系列更改为线型，但随后我还不得不将Yaxis类型转换为“类别”，然后一切都变了。链接：https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-rich-text

我很想用Echarts来归档这样的东西： https://i.pinimg.com/originals/e2/6e/81/e26e81d91dbb2b89a58ad0ba84e4004d.png

Answer 1

我从一个简单的graph开始，我实现了您想要的目标：

主要变化是数据需要与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']
    },
]

如何在折线图中使用自定义的Yaxis标签？这有可能吗？

1 个答案: