第60页，共192页。 显示 1,919 条结果 (0.029 秒)
Echarts图形-扩展属性：树图文字重叠
（本文档仅供参考） 问题： 数据量比较大时，树图显示的效果会出现文字重叠的情况，影响美观，可否调整？ image2023-11-8_14-13-43.png 解决方案： 1、尽可能调大画布 2、文本字体调小一些 3、数据量通过参数筛选控制 4、如用上面方法后数据量仍然很多，且显示不全，可以参考配置下面的扩展属性调整 { "series": [{ "roam": true,//允许鼠标缩放和平移漫游 "initialTreeDepth": 1 //控制树图初始展开的层级（深度）。根节点是第 0 层，然后是第 1 层、第 2 层，... }] } 其中，控制树图初始展开Echarts图形-扩展属性：柱图标签换行显示
（本文档仅供参考） 问题 如何实现柱图标签换行显示？ 2022-10-08_134513.png 解决方案 可以用以下扩展属性实现： 注意，有多少个类别就需要写多少次 对于该属性具体可见Echarts官网说明：https://echarts.apache.org/zh/option.html#series-bar.label.formatter https://echarts.apache.org/zh/option.html#series-bar.label.formatter { "series": [ //第一个类别 { "itemStyleEcharts图形-扩展属性：折线图鼠标放上去自动显示一条竖线
（本文档仅供参考） 问题描述 折线图鼠标放上去自动显示一条竖线 然后展示所有线的值 image2023-3-14_21-19-39.png 解决方案 可以用扩展属性实现放上去有竖线 { "tooltip": { "trigger": "axis" } } trigger属性具体可参考如下文档：https://blog.csdn.net/qq_42462993/article/details/125296566 https://blog.csdn.net/qq_42462993/article/details/125296566 https://echarts.apache.org/zhEcharts图形-扩展属性：环形图颜色渐变
（本文档仅供参考） 问题 环形图希望实现颜色实现渐变的效果，如下截图 渐变饼图.png 解决方案 具体请参考如下扩展属性 2023-08-31_171201.png { "series": [ { "data": [ { "itemStyle": { "color": { "colorStops": [ { "color": "#83bff6", "offset": 0 }, { "color": "#188df0", "offset": 0.5Echarts图形-扩展属性：地图鼠标提示、数据标签（指标值）相关设置
值 https://history.wiki.smartbi.com.cn/pages/viewpage.action?pageId=33063032 中只有一个指标值的扩展属性，需要怎么实现 思路 步骤：基于数据集或者电子表格静态数据做echarts图形，勾选两个指标，同时子图选择散点地图 image2021-1-27_14-15-47.png 可使用如下扩展属性设置，因为有两个指标分别存储在不同的data数组中，所以需要写两个分别进行获取，另外对点的颜色以及侧位的柱子颜色设置如下： { "visualMap": [{ "text": ["存款\n\n高dataMin扩展属性调整折线图的Y轴最小值起始点，数据小数点后出现多位小数
（此文档仅供参考） 问题 用dataMin扩展属性去修改折线图的Y轴最小值起始点，数据小数点后为什么会出现多位小数？ QQ截图20190409110529.jpg 1.jpg 原因 这是由于java计算浮点数造成的误差 解决方案 1.写宏来避免浮点数计算误差，参考文档 https://history.wiki.smartbi.com.cn/pages/viewpage.action?pageId=35751269 https://history.wiki.smartbi.com.cn/pages/viewpage.action?pageId=35751269 2.若采用自助仪表盘，无法写宏，建议在扩展Echarts图形-扩展属性：饼图鼠标提示显示千分位、保留两位小数和显示百分比
（本文档仅供参考） 问题 饼图鼠标提示显示千分位和保留两位小数，并且00也要显示出来 image2022-3-23_14-21-34.png 方案 可以参考下方扩展属性： { "tooltip": { "formatter … (arg.percent*100)/100+'%) '}" } } 第一种扩展属性不生效可尝试第二种 { "tooltip": { "formatter": "function(arg){var value = (parseFloat((arg.value).toFixed(2))+'').replaceEcharts图形-扩展属性：折线的起始与Y轴中间不留白
（本文档仅供参考） 问题： 如何让折线的起始与Y轴之间不留白。 image2024-4-29_14-23-7.png 解决方案： 可以考虑配置如下扩展属性 { "xAxis": { "type": "category", "boundaryGap": false } }Echarts图形-扩展属性：柱图鼠标提示保留3位小数
（本文档仅供参考） 问题 如何实现柱图鼠标提示保留3位小数的效果 解决方案 可以用以下扩展属性实现： { "tooltip": { "show": true, "formatter": "function(a){ return a.name+':'+parseFloat(a.value).toFixed(3)}" } } 效果如下图示： image2022-4-7_17-35-2.png 鼠标提示小数位数Echarts图形-扩展属性：多线图如何设置x轴起始标签在0处
（此文档仅供参考） 问题 当图形中有多个折线时，X轴的起始标签不在0点处，导致折线两边出现空白 image2018-12-13 14:33:38.png 解决方案 使用Echarts扩展属性解决： { "xAxis": { "boundaryGap": false } } image2018-12-13 14:36:34.png
