首页echarts折线图JSON

echarts折线图JSON

时间: 2025-03-27 17:34:30 浏览: 36

### ECharts 折线图 JSON 配置示例为了创建一个简单的折线图，可以定义如下结构的 JSON 数据： ```json { "title": { "text": "简单折线图" }, "tooltip": { "trigger": "axis" }, "legend": { "data":["销量"] }, "grid": { "left": "3%", "right": "4%", "bottom": "3%", "containLabel": true }, "toolbox": { "feature": { "saveAsImage": {} } }, "xAxis": { "type": "category", "boundaryGap": false, "data": ["周一","周二","周三","周四","周五","周六","周日"] }, "yAxis": { "type": "value" }, "series": [ { "name":"销量", "type":"line", "stack": "总量", "data":[120, 132, 101, 134, 90, 230, 210] } ] } ``` 此配置展示了如何设置图表标题、提示框触发方式、图例组件以及网格样式等属性。X轴被设定为类别型（`category`），Y轴则设定了数值型（`value`）。系列部分指明了名称、类型及具体的数据点。对于更复杂的应用场景，在 Java 中可以通过构建 `Echarts` 类来封装这些信息并最终序列化成 JSON 字符串以便前端渲染[^1]。而在 Python 环境下，则可以直接利用内置库如 `json` 来处理数据对象到字符串之间的转换过程[^2]。实际项目中的 JSON 文件可能看起来像这样： ```json { "categories": ["1", "2", "3", "4", "5", "6", "7"], "data": [820, 932, 901, 934, 1290, 330, 120] } ``` 这里展示了一个时间序列上的销售量变化情况，其中 `"categories"` 表示横坐标的分类标签，而 `"data"` 则对应着各个时刻的具体数值[^3]。

阅读全文