第5页，共20页。 显示 195 条结果 (0.021 秒)
图形宏入门
：portlet.setChartOptions(option) 三、案例：如何实现图表只选中当前系列值最高的图例？ image2025-4-9_14-33-56.png 需求：当前组件类型为堆积线图展示了各区域各月份的销售额趋势，目前想要实现堆积线图只展示当前年度销售额最高的区域趋势，如何实现？ 思考：在图表中实现只展示某个系列，可以通过控制其图例的选中状态来实现（图形扩展属性入门的时候有讲过如何实现设置图例的选中状态）。 那么我们可以直接使用扩展属性来做吗？ 由于系列值需要进行计算后才能得出，设置的系列是不确定的，直接通过扩展属性不能实现该需求故需要使用到图形宏代码来实现。 需求宏实现步骤： 1.获取目标图表的EChartsGIS地图
： biaojiceng-03.png （4）参考颜色的设置效果，点击设置 形状 也为区间分段的效果，效果如下图所示： biaojiceng-04.png （5）在 大小 中设置渲染大小为 2，效果如下图所示： biaojiceng-06.png （6）点击展开图例面板，即可看到最终的效果如下图所示 … 操作和来源同个数据模型的图层操作类似，在这里就不展开说明，详细操作可参考本文 章节4.1 。 duotuceng-02-02.png duotuceng-02-03.png 5 地图工具 5.1 图例 （1）图例面板默认是收起的，在地图工具栏中可点击展开。在颜色、大小和形状上拖入字段后，会自动生成图例，且每个Echarts图形-扩展属性：样式 - 航线图的线条以及图标修改
可使用如下扩展属性设置（只对一个图例航线图生效）： image2018-11-26 16:51:44.png { "series": [{ "lineStyle": { "normal": { "curveness": 0 … ": { "curveness": 0 } } }] } 上边的扩展属性是对一个图例航线图生效，若是需要对多个图例航线图生效（示例中的黄圈内容需要复制三遍，放到series的中括号中）： image2018-11-26一站式数据工作平台
组件 > 图表 > 饼图 选择 “环形图” 组件拖入画布区 2、组件设置中设置如下： 基础：【半径】 内80%，外90%；【选中模式】不可选； 组件：【标题】为“销售量”，高为25，字体为微软雅黑12字号；隐藏【工具栏】 图例：【位置】选择无图例 高级：【左键下钻】禁止； 3、自定义属性 … ” 3、组件设置中设置如下： 组件：标题为“复购客户分布”，高为40px，字体为微软雅黑，字号18，黑色字体居中加粗 图例：【位置】无图例 image2021-10-18_11-15-43.png 产品订单明细表 （表） 【业务主题】northwind业务主题 字段：订单编号全国汽车销量分析
面积玫瑰图颜色为“#66CCFF”、“#5DC4FF”、“#5DA9FF”、“#6590FF”、“#677DFF”，销量快速计算全局占比。 3、组件设置中设置如下： 基础：【半径】 内20%，外60% 组件：标题为“各预算下汽车销量”，隐藏浏览工具栏 图例：位置选择无图例 4、自定义属性 将下面这段代码 … %；【圆心位置】 x 47%，y 50% 组件：标题为“不同级别的汽车销量”，隐藏浏览工具栏 图例：位置选择无图例 4、自定义属性 将下面这段代码粘贴到如图红框位置 image2021-7-29_13-7-27.png "series": [ { "labelLine设置序列属性（指标）
”。 image2019-12-11 11:30:45.png 预览效果 设置不同的渲染样式效果对比，如下： image2019-12-27 14:32:50.png 序列属性(指标)的标记设置包括“标记形状、图例位置、图例文字样式、标记大小和标记染色”。 image2019-12-11 11:36:52.png … ;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置散点地图的图例位置，选择最后一项可输入距画布左边和顶端的距离，来自定义图例的位置。 image2020-1-7 16:28:38.png 预览设置序列属性（指标）
”。 image2019-12-11 11:30:45.png 预览效果 设置不同的渲染样式效果对比，如下： image2019-12-27 14:32:50.png 序列属性(指标)的标记设置包括“标记形状、图例位置、图例文字样式、标记大小和标记染色”。 image2019-12-11 11:36:52.png … ;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置散点地图的图例位置，选择最后一项可输入距画布左边和顶端的距离，来自定义图例的位置。 image2020-1-7 16:28:38.png 预览图形扩展属性入门
扩展属性，用户可以根据具体需求自定义图形的显示效果。 扩展属性在Smartbi的ECharts图形中广泛应用，尤其是在需要实现复杂或个性化图形效果时。 三、案例：图表图例默认不选中状态（仪表盘） 需求：如何实现打开仪表盘的时候某些图例默认不选中的状态？ image2025-4-9_11-41-56.png … ，在【自定义属性】中添加相应的设置： image2025-4-9_11-44-23.png 进阶：现在看到未选中的时候图例颜色是灰色的，这个可以调整吗？（可以） image2025-4-9_11-44-49.png image2025-4-9_11-45-10.png 补充：如果我们设置相应的扩展属性后不生效全国各区产品销售情况分析
类型前五” 坐标轴：分类轴刻度选择自动，颜色为“#FFFFFF”，隐藏轴线；指标轴刻度设置为不显示并隐藏轴线 图例：位置选择无图例 高级：输出行数为5 image2021-6-17_15-29-52 (1).png 销量前五 订单信息数据集 标记区：颜色选择“产品名称”，角度 … 90px 组件：字体颜色为“#FFFFFF”，标题为“销量前五” 图例：位置选择无图例 高级：输出行数为5 销售前五.png 详情请参考 横条图/堆积横条图 、饼图 。 2.2.2.订购量、销售量、利润 数据 定制方法 效果 产品信息数据集 订购量 销售额自助仪表盘 - 移动端中柱图、线图上的点难以选中
（本文档仅供参考） 问题描述： 自助仪表盘移动端看板有柱图、线图，点击柱子和或者线图上的点弹出信息框时，一般要点击好几次才能选中，或者多次都无法选中，应该如何解决呢？ image2022-12-30_15-21-49.png 解决方案： 对于以上现象，Echarts本身针对这种场景是做了优化的，当点击其他图例关闭对应数据视图，只开启想要查看的数据视图，这样图形会自动自适应，就扩大了每个数据点可点击范围。 image2022-12-30_15-31-46.png 而线图可点击查看数据的只有每个数据点，但由于手机屏幕本身较小，对于点击查看数据的场景，可以将这个大小设置大一点，扩大可点击范围
