第10页,共129页。 显示 1,287 条结果 (0.024 秒)
Echarts图形-扩展属性:图例 - 仪表盘折线图只显示某些系列折线
(本文档仅供参考) 问题: 当折线图系列过多时,折线堆叠重合,希望可以固定展示某几条折线。在点击其他系列图例时,再出现其他折线。 期望效果: 只显示某个系列折线20230703152504.png 解决方案: 【组件设置】-【自定义属性】-【图形配置】添加扩展属性,将不需要展示的折线,通过控制图例的隐藏,来实现折线的隐藏。 扩展属性 { "legend": { "selected": { "SUV": true, "MPV": false, "轿车": falseEcharts图形-扩展属性:折线 - 联合图设置X轴起点在Y轴上
(此文档仅供参考) 问题 如下图,想设置第一条数据标在Y轴点 image2019-10-11 18:36:18.png 解决方案 可采用以下扩展属性 { "xAxis": { "boundaryGap": false } } image2019-10-11 18:35:32.png 另外,对于联合图是自定义标线的起点不在Y轴上的问题也可以用此扩展属性解决。 image2019-10-11 18:38:0.pngEcharts图形-扩展属性:数据标签 - 矩阵树图标签显示数据
(本文档仅供参考) 问题: 矩阵树图默认只显示类别,如何在数据标签中显示数据呢? 默认.png 解决方案: 可以参考配置下面的扩展属性调整 { "series": [ { "label": { "formatter": "function(a){return a.name +'\\n'+parseFloat(a.value).toFixed(2) }" } } ] } 添加方法.png 实现效果如下 添加后.png 占比可参考下面扩展属性 option = { "series": [{ "label": { "formatter": "functionEcharts图形-扩展属性:鼠标提示 - 雷达图鼠标提示显示在图表区域内
(本文档仅供参考) 问题 雷达图鼠标有很多值的时候,鼠标提示会显示超出图表区域,这时候要如何解决? image2018-11-20 11:26:31.png 解决方案 可通过扩展属性实现限制鼠标提示在区域内,具体用如下扩展属性: { "tooltip": { "confine": true } } image2018-11-20 11:28:24.png 效果: image2018-11-20 11:28:5.png 鼠标提示显示不全Echarts图形-扩展属性:样式 - 地图不同区间的数据不同图标
(本文档仅供参考) 问题 电子表格的地图中希望设置不同区间的数据显示为不同图标,如下图: image2021-4-14_18-11-21.png image2021-4-14_18-14-54.png 解决方案 在电子表格-图形设置中,请参考如下扩展属性 … ", "label": "中等" }] }] } 可参考示例资源:地图标识扩展属性.zip 不同数据标签不同扩展包的创建、配置及打包
1 创建扩展包 1.1 说明 因为 Smartbi 扩展包里面的目录结构还是有一定规范的,虽然可以手动使用Eclipse 开发工具,通过“File -> New -> project …”创建一个扩展包项目工程,但还是得手动按照 Smartbi 的扩展包目录规范创建目录及文件,稍显麻烦,而且可能也不会记得要创建些什么文件以及文件的配置结构是什么。 所以Smartbi 提供了一个工具用来创建扩展包项目,自动将需要的文件及目录创建好,创建好后手动使用Eclipse中的“File ->Import -> Existing Projects Info Workspace ...”导入到开发环境中即可Echarts图形-扩展属性:仪表盘x轴缩略轴从右开始
(本文档仅供参考,因宏代码具备一定场景限制,如和实际应用场景不符合,需要自行调整相关宏代码) 需求场景 要求让仪表盘中的图形组件,x轴的缩略轴从右边往左拖动浏览数据。 实现效果: image2024-7-31_23-55-44.png 实现方案: 1、对该组件开启缩略轴,并设置扩展属性。 image2024-7-31_23-57-47.png 扩展属性: option = { "dataZoom": [{ "type": "slider", "show": true, "start": 100, // 从右侧开始展示数据,这里设置为100% "end": 80 // 结束于左侧,这里设置Echarts图形-扩展属性:鼠标提示 - 同系列柱图鼠标提示
(本文档仅供参考) 问题 做好柱图后,想实现鼠标移入后同系列柱图鼠标提示都显示出来,如下图: image2018-11-7 21:30:13.png 实现方案 需要写扩展属性即可完成,相关的属性可以上echarts官网查看,http://echarts.baidu.com http://echarts.baidu.com/,此示例的扩展属性如下 { tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器,坐标轴触发有效 type: 'shadow' // 默认为直线,可选为:'line' 'shadowEcharts图形-扩展属性:折线 - 堆积线图自定义各数据点样式
(本文档仅供参考) 问题描述 堆积线图中有多条折线,想要自定义各数据点样式。 image2024-12-5_16-58-45.png 解决方案 可参考以下扩展属性 option = { series: [{ showSymbol: true, symbol: 'circle … : { width: 2, color: "#0000ff", //设置实线的颜色 }, }, }] } image2024-12-5_17-3-20.png 设置改扩展属性后效果如下图所示: image2024-12-5_17-4-21.png 折线样式Echarts图形-扩展属性:数据标签 - 折线图数据项标签重叠问题
(本文档仅供参考) 问题 由于数据相差比较小,导致折线图的数据项标签重叠在一起,不方便查看,如下截图 image2024-1-24_17-49-21.png 解决方案 可以写扩展属性让数据项标签每组数据显示的位置不一样以避免数据项标签重叠在一起,例如第一组显示在上面,第二组显示在下面。实现效果 … : 'line', label: { show: true, position: 'bottom' // 标签显示在折线下方 } }] } 另外可以设置文字是否偏移,具体可见 Echarts图形-扩展属性:数据标签 - 柱图数据标签重叠问题 折线数据标签重叠