时间戳

首页 > 解决方案 > 如何使用带有折线图的自定义 Yaxis 标签？这甚至可能吗？

label - 如何使用带有折线图的自定义 Yaxis 标签？这甚至可能吗？

问题描述

我想用 eCharts 制作一个简单的折线图，其中 yAxis 标签不是由系列的值获取，而是来自 JS 数组。例如：应该只有三个 Y 轴标签，而不是值 0 到 100，在 0 级别表示“零”，在图表中间表示“OK”和“Absolutely！” 在 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

标签： labelformatterechartsyaxis

解决方案

我从一个更简单的图表开始，我完成了你正在寻找的东西：

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

推荐阅读