第50页,共192页。 显示 1,919 条结果 (0.031 秒)
Echarts图形-扩展属性:堆积横条图数据项标签重叠问题
(本文档仅供参考) 问题 由于数据占比太小,导致堆积横条图数据项标签重叠在一起,不方便查看,如下截图 图片16.png 解决方案 可以写扩展属性让数据项标签每组数据显示的位置不一样以避免数据项标签重叠在一起,例如第一组显示在上面,第二组显示在下面,第三组显示在上面。实现效果如下: 图片17.png 可以参考此扩展属性在图形上写扩展属性实现(具体扩展属性需要根据您实际情况修改): 图片18.png { series: [{ label: { normal: { position: "topEcharts图形-扩展属性:词云图显示不全
==== 如果不希望调整画布大小,也可通过以下扩展属性去进行设置 { "drawOutOfBound": true, "series": [{ "sizeRange": [12, 20] }] } 注:代码中的sizeRange可考虑继续减小,以适应展现效果。另,使用此扩展属性需同时将smartbi版本更新到2018-05-17之后版本。 == 方案 4 ==== 由于超过了画布大小,有的词没有画出来,默认drawOutOfBound是false的,添加如下扩展属性可指定画出超过画布的词Echarts图形-扩展属性:堆积柱图取消某项指标鼠标提示
(此文档仅供参考) 现象 在做堆积柱图时有时想隐藏某项鼠标提示,例如图中,鼠标移入销售额上显示,导入销售量不显示。 Animation.gif 实现方法 需要写扩展属性实现,而扩展属性中如果需要隐藏销售量,那么就得写在第一个括号内,如果在销售额的下方,就需要写在第二个括号内,如图: { "series": [{ "tooltip": { "showContent": false } }, {}] } image2018-11-11 18:4:5.png image2018-11-11 18:5:37.png 取消某个柱图的鼠标提示Echarts图形-扩展属性:线图线条为虚线,并设置曲度
(本文档仅供参考) 问题 如何修改线图的线条为虚线并设置曲度? image2022-5-5_18-5-49.png 解决方案 可以使用扩展属性实现,效果如下: image2022-5-5_18-7-1.png { "series": [{ "smoothMonotone": 'x … " //设置线条类型 } } }] } 延伸问题1 如果有多条折线,如何对其中一条折线进行设置? 解决方案 同样是参考上述扩展属性,多条折线则需要添加多个中括号,如有两条折线则需要两个中括号,在其中一个中括号中添加扩展属性即可实现对其中一条折线进行设置Echarts图形-扩展属性:油量图的刻度和指标的文字大小以及颜色
(本文档仅供参考) 问题描述: 电子表格中的仪表盘,如果想分别修改刻度的文字和中间指标的文字,需要怎么实现呢? 想修改这两个地方的字体以及颜色: image2021-11-10_9-38-5.png 解决方案: 可以使用扩展属性实现,如下: image2021-11-10_9-40-15.png 具体扩展属性: { "series": [{ "axisLabel": { //刻度的字体大小和颜色 "textStyle": { "fontSize": 20, "colorEcharts图形-扩展属性:横条图文字显示上方,Y轴文字不显示
(本文档仅供参考) 问题一 在电子表格中的echarts图形使用横条图,然后想显示文字在上方,同时Y轴的文字不显示, 如下效果图: image2021-3-19_14-58-13.png 解决方案 可以使用扩展属性实现,如下: { //此部分控制Y轴不显示文字 "yAxis … 横条图,然后想显示文字在上方,同时Y轴的文字不显示,如下图的效果: image2021-3-19_16-7-31.png 解决方案 1,先打开自定义扩展属性,然后添加英文逗号,再把下面的扩展属性添加进去 image2021-3-19_16-8-28.png 可以使用扩展属性实现,如下Echarts图形-扩展属性:柱子间距调整
(此文档仅供参考) 问题 希望调整柱子间距离,包括同系列柱子间间距,及不同系列间柱子间隔 实现方案 V9及以下版本可以用以下扩展属性实现:(具体值设置大小可结合实际调整) { //同系列柱子间距 "barGap": "1%", //不同系列柱子间间隔 "barCategoryGap": "15%" } V10及以上版本可使用以下扩展属性实现:(具体值设置大小可结合实际调整,需要对每个系列单独进行间距设置) { "series": [{ //系列1 "barGap": "1Echarts图形-扩展属性:折线图数据项标签重叠问题
(本文档仅供参考) 问题 由于数据相差比较小,导致折线图的数据项标签重叠在一起,不方便查看,如下截图 image2024-1-24_17-49-21.png 解决方案 可以写扩展属性让数据项标签每组数据显示的位置不一样以避免数据项标签重叠在一起,例如第一组显示在上面,第二组显示在下面。实现效果 … : 'line', label: { show: true, position: 'bottom' // 标签显示在折线下方 } }] } 另外可以设置文字是否偏移,具体可见 Echarts图形-扩展属性:柱图数据标签重叠问题Echarts图形-扩展属性:分别对饼图扇区设置不同颜色且设置透明度
(本文档仅供参考) 问题 echarts扩展属性如何实现在饼图中分别给不同的扇区设置颜色且设置透明度? 解决方案 可在图形中增加扩展属性,扩展属性如下: { "series": [{ "data": [{ "itemStyle … )" } }] }] } 其中扩展属性中的设置如下图: image2021-4-25_10-19-35.png 显示效果如下图: image2021-4-25_10-20-30.png 注:使用扩展属性如何实现图形钻取自动扩展?
提示:本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。 示例说明 在多维分析或者透视分析中,有时候需要图形根据钻取情况进行图形宽度自动扩展,该功能可以通过宏实现。 未添加宏代码前效果图 … ; chartView.getChartObject().getOptions().chart.width = width; } 资源下载 资源:migrate.xml 图形扩展 透视分析