第54页,共194页。 显示 1,933 条结果 (0.026 秒)
Echarts图形-扩展属性:图例样式,只修改图例大小不修改文字大小
(本文档仅供参考) 问题 如何修改图例大小,图例旁边的文字不修改大小 2022-06-06_173511.png 解决方案 通过图例-文字样式可以修改图例图形和文字的大小。 2022-06-06_173945d.png 若希望只修改图例的图形大小,可以使用扩展属性实现 { legend: { itemWidth: 40, //调节横线长短 itemHeight: 19 //调节圆圈大小 } } 效果如下: image_1654505612749_fmdgm.png 扩展:自助仪表盘中的自定义属性 { "legend": { "itemWidth": 50Echarts图形-扩展属性:地图区域标签字体颜色修改
(此文档仅供参考) 问题 有时为了美观,想实现地图标签字体颜色修改。 实现方法 在echarts扩展属性中添加此段代码即可。 { "geo": { "label": { "normal": { "show": true … 的颜色,可以参考下面的扩展属性: { "geo": { "label": { "normal": { "show": true, "textStyle": { "fontSize": 15, "color": "#FF0000" } }, //鼠标Echarts图形-扩展属性:地图不同区间的数据不同图标
(本文档仅供参考) 问题 电子表格的地图中希望设置不同区间的数据显示为不同图标,如下图: image2021-4-14_18-11-21.png image2021-4-14_18-14-54.png 解决方案 在电子表格-图形设置中,请参考如下扩展属性 … ", "label": "中等" }] }] } 可参考示例资源:地图标识扩展属性.zipEcharts图形-扩展属性:仪表盘横条图如何调整展示方向
: image2023-11-30_17-55-4.png 想实现的横条图效果: image2023-11-30_17-56-44.png 解决方案 具体请参考如下扩展属性: { "xAxis": { "inverse": true }, "yAxis": { "position": "right" }} } 备注:如果遇到标签和分类名称重叠的情况,如下图: image2023-11-30_18-11-25.png 可以参考如下扩展属性Echarts图形-扩展属性:大屏可视化颜色条隐藏
(此文档仅供参考) 问题 希望在标记区为字段设置颜色时,既能指定图形颜色又不显示颜色条,实现效果如下 image2022-3-21_15-36-43.png 实现方案 可以用如下扩展属性实现,有多少{}取决于实际设置颜色的字段: 注:该扩展属性是基于V10.1版本进行测试,其他版本需结合实际调整 { "visualMap": [ { "show": false }, { "show": false } ] } 最终效果如下图: image2022-3-21_15-38-43.pngEcharts图形-扩展属性:实现柱图中进行区域缩放,并设置x轴不缩放
(本文档仅供参考) 问题 如何实现多数据的时候,能够设置滚动条,实现区域缩放: 1.png 2.png 解决方案 可以使用扩展属性实现, 若需要实现x轴缩放可参考此wiki文档:https://history.wiki.smartbi.com.cn/pages/viewpage.action?pageId=35750507 https://history.wiki.smartbi.com.cn/pages/viewpage.action?pageId=35750507 若要实现x轴不缩放,可参考以下扩展属性: { "dataZoom": [{ "type": "slider", "show": trueEcharts图形-扩展属性:折线图设置标签的格式为百分比
(此文档仅供参考) 问题 希望折线图的标签可设置数据格式为百分比 2022-10-12_173215.png 实现方案 以下示例为在V97仪表盘中实现,可参考以下扩展属性: 注意:需要对哪个类别的折线设置数据格式,则需要到对应的{}中添加代码,以下扩展属性为对第2个类别进行设置,因此也是写a.value[1],而不是a.value[0] "series": [ {}, { "itemStyle": { "normal": { "label": { "show": true, "formatter": "function(a){ returnEcharts图形-扩展属性:环图居中显示数据标签并修改字体样式
(此文档仅供参考) 问题 Echarts环形图如何将某一数据标签显示在环形中间并修改标签样式? a1.png 解决方案 在环形图加上以下扩展属性。 { "series": [{ "data": [{}, { "label … ", "#00B7BF", "#F9334C", "#FFAF00", "#004151", "#00B7BF", "#F9334C"] } QQ截图20190227174204.png 注:需勾选数据标签内容,不然会显示分类名称.(设置方式有两种,1.如下图设置,2,修改扩展属性实现) QQ截图Echarts图形-扩展属性:10.5.8版本修改标线样式
(本文档仅供参考) 问题 V10高版本已在组件设置里支持配置标线样式,由于不能升级版本,需要在10.5.8版本修改标线的样式 解决方案 该需求可通过扩展属性实现。 可参考扩展属性代码: { "series": [ { "markLine": { "data": [ { "type": "average" //支持'average', 'min', 'max' } ], "lineStyle": { "width": 3, //宽度 "color": "rgba(245, 15, 15, 1Echarts图形-扩展属性:实现横条图+折线图效果
(本文档仅供参考) 问题 联合图中图形都是纵向的,希望实现横条图+折线图的横向效果,通过联合图无法直接设置实现。 解决方案 可通过对横条图使用扩展属性修改图形类型实现此效果,步骤如下所示。 先生成横条图,如下图所示: image2022-11-28_10-55-9.png 再参考以下扩展属性,将横条图的一个系列更改为折线图,即可实现此效果: { "series": [ { "type": "bar" //第一个数据系列为柱图 }, { "type": "line" //第二个数据系列为折线图