第24页,共177页。 显示 1,765 条结果 (0.027 秒)
Echarts图形-扩展属性:标线 - 自定义仪表盘折线图标线标记
(本文档仅供参考) 问题 自助仪表盘折线图的标线起始和终点的标记图形希望自定义为如下图,如何修改? image2023-11-15_19-21-22.png 解决方案 可使用此扩展属性: option = { "series": [{ "markLine": { "data": [{ "type": "average", }], "precision": 2, "symbol": ["circle", "triangle"] } }] } echarts官方支持的自定义标记图形:https://echarts.apache.orgEcharts图形-扩展属性:标签 - 仪表盘旭日图如何在标签中显示度量值
(本文档仅供参考) 问题说明 仪表盘的旭日图中,标签值不能显示度量值,请问用什么方法能显示出来呢?内外环都显示度量值。 image2023-8-1_16-43-43.png 解决方案 可参考如下扩展属性: { "series": [ { "levels": [ {}, { "label": { "formatter": "function(arg){return arg.name+Math.round(arg.value);}", "align": "center", "rotate": "0", "silent": trueEcharts图形-扩展属性:标签 - 地图在标记中显示区域名称,并带有分段型的图例
(本文档仅供参考) 问题 如何在地图的标记中显示区域名称,并带有分段型的图例,如要实现下图的效果: 1.png 解决方案 在图形对应的数据表格中增加辅助列指标列,一列指标用于散点地图,一列指标用于染色地图,两列数值一样: 2.jpg 地图配置: 3.jpg 修改散点地图的标记大小: 4.jpg 添加扩展属性代码: { series: [{ type: 'scatter', label: { normal: { show: trueEcharts图形-扩展属性:x轴刻度标签名称过长,如何省略中间部分字,显示前后字符
} } } 注意点 image2021-6-7_10-44-17.png 问题2 普通横条图的想实现刻度标签名称过长显示省略号,我这个需要怎么实现呢? 解决方案 选择的是普通横条图,然后在扩展属性实现如下代码: image2021-2-9_10-42-11.png { "yAxisEcharts图形-扩展属性:词云图修改文字方向
(本文档仅供参看) 问题描述 希望修改词云图文字方向,全部弄成水平显示,现在的效果图: 1.jpg 解决方案 可以用扩展属性实现,最终效果图: 2.jpg 扩展属性参考: { "series": [{ "rotationRange": ["0", "0"], //切换数值调整文字方向,["0", "0"]表示水平显示 }] } 词云图文字方向Echarts图形-扩展属性:自定义的标线始终显示
(本文档仅供参考) 问题 自定义的数据标线在不勾选图例时会消失不见 解决方案 该需求可通过扩展属性实现。 可参考扩展属性代码: "series": [ { "markLine": { "symbolSize": 1, "data": [ { "name": "时序进度1", "xAxis": 6000 } ], "lineStyle": { "normal": { "color": "red" } } } }, { "markLineEcharts图形-扩展属性:Y轴实现坐标梯度增加
(本文档仅供参考) 问题 如何实现Y轴坐标轴梯度增加,如10 100 1000这种。 解决方案 可以用以下扩展属性实现: { "yAxis": { "logBase": 10, "type": 'log', "min": 1 } } 效果图如下: image2020-8-5_16-2-10.png 注:logBase为log的底数,可自行去设置,并且最小值不能为0,因为对数的指数不能为0(min属性),当最小值为0的时候,图形效果会不美观。 y轴递增 y轴梯度 调整y轴刻度标签对数显示Echarts图形-扩展属性:Y轴刻度值个数固定
(此文档仅供参考) 问题 希望Y轴刻度值个数可以自定义设置 实现方案 可以用以下扩展属性实现: { "yAxis": { type: 'value', "splitNumber": 5 } } 注意:这个分割段数只是个预估值,最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。 Echarts官网关于此属性的解释:https://echarts.apache.org/zh/option.html#yAxis.splitNumber https://echarts.apache.org/zhEcharts图形-扩展属性:堆积柱图+线图
(此文档仅供参考) 问题 希望双Y联合图,可以实现堆积柱图+线图的效果。 实现方案 可以用以下扩展属性实现: { "series": [{ "stack": "aaa", "z": 2 }, { "stack": "aaa", "z": 2 }, { "z": 3 }] } 最终效果: image2022-5-17_16-33-25.png 属性解析说明:数据堆叠,同个类目轴上系列配置相同Echarts图形-扩展属性:鼠标提示加圆点显示
(本文档仅供参考) 问题1 我想实现折线图不从Y轴做起点,然后鼠标提示前面加圆点,如下的效果: image2021-2-4_18-59-16.png 解决方案 可以使用扩展属性实现,如下: { "xAxis": { "boundaryGap": true … ; } } } 问题2 柱图鼠标提示加有颜色的圆点,同时最后一个占比值显示和电子表格一致,如下图的需求: image2021-2-8_14-4-26.png 解决方案 可以使用扩展属性实现,如下: { "tooltip": { "trigger": "axis