一、问题描述

echarts 没有显示折线图，但是，有数据显示：

看图表展示，y轴数据全部没有显示，直接可以判定是数据结构出问题了。

检查 series.data=[] 数据结构：

dataList = [{"dateStr":"2024-07-25","quantity":1,"price":23.4},{"dateStr":"2024-07-28","quantity":2,"price":143.6},{"dateStr":"2024-08-15","quantity":2,"price":155.2},{"dateStr":"2024-08-25","quantity":1,"price":23.2,},{"dateStr":"2024-09-11","quantity":2,"price":233.8},{"dateStr":"2024-09-13","quantity":2,"price":433.6},{"dateStr":"2024-09-25","quantity":1,"price":33.6}];

发现，自定义对象中少了 "value" 属性名和值；

在 ECharts 中，如果你在 series 的 data 中没有设置 value，那么折线图将不会显示。value 是必须的，因为它定义了数据点在图表中的位置。

二、解决方案

把数据结构集合，补上 "value" 属性名和值：

dataList = [{"dateStr":"2024-07-25","quantity":1,"price":23.4,"value":23.4},{"dateStr":"2024-07-28","quantity":2,"price":143.6,"value":143.6},{"dateStr":"2024-08-15","quantity":2,"price":155.2,"value":152.4},{"dateStr":"2024-08-25","quantity":1,"price":23.2,"value":23.2},{"dateStr":"2024-09-11","quantity":2,"price":233.8,"value":233.8},{"dateStr":"2024-09-13","quantity":2,"price":433.6,"value":433.6},{"dateStr":"2024-09-25","quantity":1,"price":33.6,"value":33.6}];

再次刷新查看图表。折线图显示正常；

官方文档资料参考：

Documentation - Apache ECharts