echarts折线图y轴无序

可能是因为数据中存在字符串类型的值，导致y轴无序。需要将数据中的字符串类型的值转换为数值类型。

可以使用echarts提供的data.map()方法，将数据中的字符串类型的值转换为数值类型。示例代码如下：

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, '1200'],
        type: 'line'
    }]
};

option.series[0].data = option.series[0].data.map(function (item) {
    return typeof item === 'string' ? parseFloat(item) : item;
});

相关问题

echarts 折线图 y轴和折线图距离

在 ECharts 中，折线图的 Y 轴和折线图之间的距离可以通过调整图表的 grid 组件来实现。grid 组件是用于定义图表的布局和位置的组件，可以通过设置其属性来控制 Y 轴和折线图之间的距离。

具体来说，可以通过设置 grid 组件的属性 top、bottom、left 和 right 来调整 Y 轴和折线图之间的距离。这些属性的值可以是像素值，也可以是百分比。

例如，如果想要将 Y 轴和折线图之间的距离设置为 20 像素，可以使用以下代码：

option = {
    grid: {
        top: 20,
        bottom: 20,
        left: 20,
        right: 20
    },
    // 其他配置项...
};

这样就可以将 Y 轴和折线图之间的距离设置为 20 像素。根据实际需求，你可以根据需要调整这些属性的值来达到你想要的距离效果。

echarts折线图y轴单位

您好！关于 echarts 折线图 y 轴的单位，可以通过设置 yAxis.axisLabel.formatter 属性来实现。例如，如果您想设置 y 轴的单位为百分比，可以这样设置：

yAxis: {
  type: 'value',
  axisLabel: {
    formatter: '{value}%'
  }
}

这里的 `{value}` 会自动替换成对应的数值。您可以根据实际需要进行调整。希望对您有所帮助！