echarts 折线图series name
时间: 2023-10-19 15:35:49 浏览: 222
Echarts实现的折线图
5星 · 资源好评率100%
在Echarts折线图中,series是用来配置数据列的。每个数据列都有一个name属性,用来指定该数据列的名称。在给series配置时,可以通过设置name属性来定义具体的数据列名称。
引用: 默认只展示第一个和最后一个坐标,但是鼠标悬浮时要展示对应的 x 轴标签和 tooltip 配置 let xAxis = R.mergeDeepRight(xAxis, { type: "category", boundaryGap: false, // 不留白 axisLabel: { interval: 50, // 只显示最大和最小坐标 showMinLabel: true, // 显示最小标签 showMaxLabel: true, // 显示最大标签 }, axisLine: { lineStyle: { type: "dashed", // 直线指示器为虚线 // dashOffset: 5 // 虚线的偏移量 }, }, axisPointer: { type: "line", // 直线指示器 }, }); series 数据列 。
引用: Echarts 图标样式个性化设置,如 x 轴间距,y 轴样式,图例自定义,提示框自定义,数据列悬浮高亮,坐标指示器背景渐变色等等,解决折磨人的细节样式问题。 基础配置 title 标题组件 let title = { text: "累计消费趋势", // 标题 subtext: "同比上年同期,累计消费增加200元", // 副标题 top: -5, // 定位 left: -5, // 定位 subtextStyle: { // 副标题样式 color: "#808080", fontSize: 12, }, }; legend 图例组件 。
引用: 一般用于调整绘图区域的属性,例如位置,距离等 ler grid = { top: 70, left: 0, right: 12, bottom: 0, containLabel: true, } xAxis 轴 。
所以,在Echarts折线图的series中,可以通过配置name属性来设置数据列的名称。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Echarts折线图超详细超细节配置](https://blog.csdn.net/gaoxiaoba/article/details/119931075)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文