第2页，共123页。 显示 1,221 条结果 (0.148 秒)
ECharts图形-标准折线图
趋势，线的斜率反映数据变化幅度，其中一个轴表示连续的时间，另一个轴表示相应的数值。 优势：容易反应出数据变化的趋势。 数据要求： 1）一个或两个分类值，一个或多个指标值。 2）建议折线不超过4条。 适用场景： 1）线图适合二维的大数据集，还适合多个二维数据集的比较。 2) 反映变化趋势，关联性 … 对比分析，是想要查看变化情况，即趋势。因此建议通过线图实现。 1、分类轴上显示月份。 2、指标轴上分布销售额。 该情景实现的详情请参考 情景1 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=49807449#ECharts%E5%9BECharts图形-标准折线图
趋势，线的斜率反映数据变化幅度，其中一个轴表示连续的时间，另一个轴表示相应的数值。 优势：容易反应出数据变化的趋势。 数据要求： 1）一个或两个分类值，一个或多个指标值。 2）建议折线不超过4条。 适用场景： 1）线图适合二维的大数据集，还适合多个二维数据集的比较。 2) 反映变化趋势，关联性 … 对比分析，是想要查看变化情况，即趋势。因此建议通过线图实现。 1、分类轴上显示月份。 2、指标轴上分布销售额。 该情景实现的详情请参考 情景1 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=49807449#ECharts%E5%9BEcharts图形-扩展属性：实现横条图+折线图效果
（本文档仅供参考） 问题 联合图中图形都是纵向的，希望实现横条图+折线图的横向效果，通过联合图无法直接设置实现。 解决方案 可通过对横条图使用扩展属性修改图形类型实现此效果，步骤如下所示。 先生成横条图，如下图所示： image2022-11-28_10-55-9.png 再参考以下扩展属性，将横条图的一个系列更改为折线图，即可实现此效果： { "series": [ { "type": "bar" //第一个数据系列为柱图 }, { "type": "line" //第二个数据系列为折线图Echarts图形-扩展属性：鼠标提示 - 折线图实现十字准星指示器
问题 如何设置鼠标自带十字指针，随鼠标位置在折线任意位置都可以显示当前时点的数据 image2023-3-30_17-8-26.png 解决方案 可以写扩展属性实现： { "tooltip": { "axisPointer": { "type": 'cross' } } } image2023-3-30_17-12-15.png 最终效果： image2023-3-30_17-12-39.png 折线在x轴也能显示鼠标提示Echarts图形-扩展属性：图例样式，只保留线不显示点（折线图）
(本文档仅供参考) 问题 如何修改图例样式，只保留线不显示点 image2021-6-2_18-22-42.png 解决方案 可以使用扩展属性实现 { "legend": { "show": true, "icon": "line" } } 效果如下： image2021-6-2_18-23-15.png 若使用联合图，一个是柱图，一个是线图，只修改线图图例样式为横线可参考如下扩展属性： { "legend": [{ "itemWidth": 12, "itemHeight": 12Echarts图形-扩展属性：折线 - 鼠标移入数据点变小
（本文档仅供参考） 问题 鼠标移入线图的数据点时，数据点变小。 解决方案 折线图高亮时点的样式可参考以下属性，目前只能设置点的样式，并不能实际更改点的大小 // 设置折线图中点的样式 symbolSize: 10, // 点的大小 // 设置折线图中的点的样式 … // 高亮状态下点的缩小比例 } } image2024-10-26_17-57-11.png 折线点的大小ECharts图形-线图
以实际的业务需求和美观性为出发点，线图衍生出多种不同形态的子图：标准折线图、标准面积图、堆积面积图，用来更好的表现和满足不同的数据对比分析需求。 （点击图片可跳转到相应图形说明文档。） 标准折线图 标准面积图 堆积面积图 image2019-12-5 18:55:35.png http … 、扩展属性等，具体请参考下面表格： 属性 标准折线图 标准面积图 堆积面积图 数据设置 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=44501967 字段 http://wiki.smartbi.com.cnECharts图形-线图
以实际的业务需求和美观性为出发点，线图衍生出多种不同形态的子图：标准折线图、标准面积图、堆积面积图，用来更好的表现和满足不同的数据对比分析需求。 （点击图片可跳转到相应图形说明文档。） 标准折线图 标准面积图 堆积面积图 image2019-12-5 18:55:35.png http … 、扩展属性等，具体请参考下面表格： 属性 标准折线图 标准面积图 堆积面积图 数据设置 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=44501967 字段 http://wiki.smartbi.com.cnEcharts图形-扩展属性：X轴标签 - 折线设置x轴起始标签在0处或者坐标轴刻度中间
/2022-06-16_155231.png?version=1&modificationDate=1655366580000&api=v2 折线从左y轴开始 折线图设置x轴标签、圆点显示在坐标轴刻度中间 折线起点 折线的起始与y轴中间不留白 … （此文档仅供参考） 问题 当图形中有多个折线时，X轴的起始标签不在0点处，导致折线两边出现空白 image2018-12-13 14:33:38.png 解决方案 使用Echarts扩展属性解决： { "xAxis": { "boundaryGap": falseEcharts图形-扩展属性：横向的双X联合图
（本文档仅供参考） 问题 柱图+线图的横向双x联合图怎么做？ 解决方案 横向的双X联合图可以以横向柱图为基础，通过扩展属性修改图形样式和x轴设置。设置过程如下图所示： image2023-2-16_18-18-45.png image2023-2-16_18-18-59.png 扩展属性可参考以下代码： { "xAxis": [{ "type": 'value' //第一个x轴 }, { "type": 'value' //第二个x轴 }], "series": [{ "type": 'line', //类型设置为折线图 "xAxisIndex": 0 //显示在第一个x轴上 }, { "xAxisIndex": 1
