如何将自定义 Yaxis 标签与折线图一起使用?这可能吗?
How can i use a custom Yaxis Label with a line chart? Is this even possible?
我想用 eCharts 制作一个简单的折线图,其中 yAxis 标签不是由系列的值获取,而是来自 JS 数组。
例如:不是值 0 到 100,应该只有三个 Yaxis 标签,在 0 级显示 "Zero",在图表中间显示 "OK",在图表顶部显示 "Absolutely!" Yaxis标签线.
我以下面的例子为例,将系列更改为线型,但随后我还必须将 Yaxis 类型转换为 "category",然后一切都变糟了。
LINK: https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-rich-text
我很想用 Echarts 归档这样的东西:
https://i.pinimg.com/originals/e2/6e/81/e26e81d91dbb2b89a58ad0ba84e4004d.png
我从一个更简单的 graph 开始,我完成了您想要的:
主要变化是数据需要与 y 轴的数据字段具有相同的值。我想这需要在 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']
},
]
我想用 eCharts 制作一个简单的折线图,其中 yAxis 标签不是由系列的值获取,而是来自 JS 数组。 例如:不是值 0 到 100,应该只有三个 Yaxis 标签,在 0 级显示 "Zero",在图表中间显示 "OK",在图表顶部显示 "Absolutely!" Yaxis标签线.
我以下面的例子为例,将系列更改为线型,但随后我还必须将 Yaxis 类型转换为 "category",然后一切都变糟了。 LINK: https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-rich-text
我很想用 Echarts 归档这样的东西: https://i.pinimg.com/originals/e2/6e/81/e26e81d91dbb2b89a58ad0ba84e4004d.png
我从一个更简单的 graph 开始,我完成了您想要的:
主要变化是数据需要与 y 轴的数据字段具有相同的值。我想这需要在 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']
},
]