第33页,共111页。 显示 1,105 条结果 (0.097 秒)
Echarts图形-扩展属性:自助仪表盘图形实现鼠标放在图形任意位置显示提示名
(此文档仅供参考) 问题说明 鼠标放在图形任意位置(不需要放在指定的点上)显示提示名 image2024-9-21_10-17-43.png 解决方案 通过自定义属性去实现 option = { tooltip: { trigger: 'axis' } } image2024-9-21_10-16-44.png 鼠标提示位置Echarts图形-扩展属性:柱子 - 交互仪表盘通过标记区设置颜色,但不显示颜色条
(此文档仅供参考) 问题 希望在标记区为字段设置颜色时,既能指定图形颜色又不显示颜色条,实现效果如下 image2022-3-21_15-36-43.png 实现方案 可以用如下扩展属性实现,有多少{}取决于实际设置颜色的字段: 注:该扩展属性是基于V10.1版本进行测试,其他版本需结合实际调整 { "visualMap": [ { "show": false }, { "show": false } ] } 最终效果如下图: image2022-3-21_15-38-43.pngEcharts图形-扩展属性:标签 - 饼图设置数据标签显示名称和数值,饼图数据标签换行
(本文档仅供参考) 问题 如何在饼图上显示各个数据标签显示的名称及数值。 解决方案 若资源类型为电子表格,可以使用如下扩展属性: 1 2 3 4 5 6 7 8 9 { "series": [{ "label": { "normal": { "formatter": "function(arg){return arg.name http://arg.name + ','+arg.value}" } } }] } 实现效果如下图所示: image2021-7-26_18-44-15.png 若资源类型为自助仪表盘,可直接将相关展示字段添加至标签,具体步骤如下图所示: 1.拖拽需显Echarts图形-扩展属性:x轴刻度标签名称过长,如何省略中间部分字,显示前后字符
问题1 比如:广东顺德123456家有限公司,显示:广东顺德***公司 解决方案 { "xAxis": { "axisLabel": { "formatter": "function(value){ debugger; if (value.length > 6) { return value.substring(0, 4) + '...'+value.substring(value.length-2) ; } else { return value }}" //名称字符大于6时,显示前4个,后2个字符,中间显示省略号 } } }Echarts图形-扩展属性:泡泡图 - 动态时间轴标签文字的颜色和字体在哪里设置
(本文档仅供参考) 问题 泡泡图-动态时间轴标签文字的颜色和字体在哪里设置。 解决方案 图形中标题的字体颜色和大小设置如下: 1.jpg 时间轴上的标签文字的颜色和大小设置,在timeline组件设置代码option.timeline = {}中加上如下代码: label: { normal:{ textStyle:{ fontSize: 14, color:'red' } } }Echarts图形-扩展属性:鼠标提示 - 关系图圈上面的鼠标提示不显示,只显示线上的鼠标提示
(本文档仅供参考) 问题 关系图,圈上面的鼠标提示不显示,只显示线上的鼠标提示。 image2018-11-14 15:3:17.png 解决方案 可使用如下扩展属性代码实现: 注:线上的params.value获取的是links里面的value,若想线上有值显示,需要设置links的value { "tooltip": { "trigger": "item", "formatter": "function(params){if(params.dataType=='edge'){return params.name + ' : ' + params.value ;} else {rEcharts图形-扩展属性:标签 - 地图在标记中显示区域名称,并带有分段型的图例
(本文档仅供参考) 问题 如何在地图的标记中显示区域名称,并带有分段型的图例,如要实现下图的效果: 1.png 解决方案 在图形对应的数据表格中增加辅助列指标列,一列指标用于散点地图,一列指标用于染色地图,两列数值一样: 2.jpg 地图配置: 3.jpg 修改散点地图的标记大小: 4.jpg 添加扩展属性代码: { series: [{ type: 'scatter', label: { normal: { show: true, textSEcharts图形-扩展属性:标签 - 如何把地图默认的城市名称颜色改成白色,字号也变大一些
(本文档仅供参考) 问题 如何把地图默认的城市名称颜色改成白色,字号也变大一些? 3109F80B@D983096(07-24-09-27-17).png 解决方案 具体请参考如下扩展属性 { "geo": { "label": { "normal": { "show": true, "textStyle": { "fontSize": 15, "coECharts图形-标题
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 给图形添加标题 image2019-10-11 11:31:48.png 预览效果 设置标题为“今年产品销售量情况”,如图: image2019-10-11 11:46:0.png {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;paECharts图形-图例
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置图例在图形中所处的位置,也可以设置不显示图例。 image2019-9-29 11:23:43.png 预览效果 两种不同的图例位置效果对比,如图: image2019-10-11 14:48:40.png {html}<div style="border-bottom: 0.5px solid #dfe1e5;c