第55页，共192页。 显示 1,919 条结果 (0.156 秒)
Echarts图形-扩展属性：地图区域标签字体颜色修改
（此文档仅供参考） 问题 有时为了美观，想实现地图标签字体颜色修改。 实现方法 在echarts扩展属性中添加此段代码即可。 { "geo": { "label": { "normal": { "show": true … 的颜色，可以参考下面的扩展属性： { "geo": { "label": { "normal": { "show": true, "textStyle": { "fontSize": 15, "color": "#FF0000" } }, //鼠标Echarts图形-扩展属性：航线图的线条以及图标修改
可使用如下扩展属性设置（只对一个图例航线图生效）： image2018-11-26 16:51:44.png { "series": [{ "lineStyle": { "normal": { "curveness": 0 … ": { "curveness": 0 } } }] } 上边的扩展属性是对一个图例航线图生效，若是需要对多个图例航线图生效（示例中的黄圈内容需要复制三遍，放到series的中括号中）： image2018-11-26Echarts图形-扩展属性：修改图形告警线两端的标记大小
（本文档仅供参考） 问题 修改图形告警线（标线）两端的标记大小。希望告警线的两端（箭头）可以小一点。 image2020-10-12_16-47-23.png 解决方案 该需求可通过扩展属性实现。 可参考扩展属性代码： { series: [{ markLine: { symbolSize: 1 } }] } https://s2-cs-pub-std.oss-cn-shanghai.aliyuncs.com/icon/tid8599/image_1602473299295_bp0no.png 实现效果如下： image2020-10-12_16-48-40.png 另外，自定义图形告警线可Echarts图形-扩展属性：面积图面积区不设置透明度
（此文档仅供参考） 问题描述 自助仪表盘在标记区设置面积图颜色，但是面积区显示的颜色不一致，这是为什么呢？ 01.png 实现方案 此问题是因为标记区设置为图形的全局颜色，相当于是设置折线的颜色，而Echarts的默认效果会对面积部分乘以0.7的透明度，此为echart自身效果，若不想要被设置透明度，可以通过以下扩展属性实现效果，示例的扩展属性如下，相关的属性可以上echarts官网查看，https://echarts.apache.org/zh/option.html#title https://echarts.apache.org/zh/option.html#title "areaStyleEcharts图形-扩展属性：环形图设置进度条效果
（本文档仅供参考） 问题 环形图如何实现进度条的效果，设置成如下样式： 环形图-进度条.png 解决方案 可用扩展属性实现，示例： { "color": ["#00ffff", "#001951"], //高亮颜色、灰色颜色 "title": { "text": "下方标题 … ''}}" } } }] } 扩展属性与实现效果.png 数据.png 参考资源附件：环形图-进度条.zipEcharts图形-扩展属性：联合图柱图显示上方，面积图显示在下方
（本文档仅供参考） 问题 联合图如何将面积图放到柱图后边 image2020-3-9 14:14:29.png 解决方案 此问题可以通过以下扩展属性处理实现： { "series": [{ "zlevel": 1 }, { "zlevel": 0 }] } image2020-3-9 14:15:47.png 在V97中Zlevel无法通过扩展属性修改实现，需要通过宏实现，示例如下： image_1631945965003_73a7o.png function main(chartView) { var chartEcharts图形-扩展属性：实现横条图+折线图效果
（本文档仅供参考） 问题 联合图中图形都是纵向的，希望实现横条图+折线图的横向效果，通过联合图无法直接设置实现。 解决方案 可通过对横条图使用扩展属性修改图形类型实现此效果，步骤如下所示。 先生成横条图，如下图所示： image2022-11-28_10-55-9.png 再参考以下扩展属性，将横条图的一个系列更改为折线图，即可实现此效果： { "series": [ { "type": "bar" //第一个数据系列为柱图 }, { "type": "line" //第二个数据系列为折线图Echarts图形-扩展属性：3D航线图如何实现自动旋转
（本文档仅供参考） 问题 请问咱们产品的3d球型航线图，是否支持自动旋转？如下图： image2019-10-22 13_56_39.png 解决方案 产品的3D球形航线图支持自动旋转，可在扩展属性中进行如下设置： { "globe … 产品的3D球形航线图支持自动旋转，可在扩展属性中进行如下设置： { "globe": { "viewControl": { "autoRotate": true } } }Echarts图形-扩展属性：横条图数据显示在上方同时左对齐
（本文档仅供参考） 问题1 想实现横条图的数据显示上方，同时左对齐，如下图： image2021-9-7_18-36-28.png 解决方案 基于数据做echarts图形，选择横条图： image2021-9-7_18-38-6.png 然后添加如下扩展属性实现，如下 … %" ], "color": "#585858", } } } }], "color": ["pink", "#DF01D7", "#81DAF5"] } 说明： 上面的扩展属性仅适用于 页面设置->报表设置→未勾选“在浏览器中使Echarts图形-扩展属性：横向的双X联合图怎么实现？
（本文档仅供参考） 问题 柱图+线图的横向双x联合图怎么做？ 解决方案 横向的双X联合图可以以横向柱图为基础，通过扩展属性修改图形样式和x轴设置。设置过程如下图所示： image2023-2-16_18-18-45.png image2023-2-16_18-18-59.png 扩展属性可参考以下代码： { "xAxis": [{ "type": 'value' //第一个x轴 }, { "type": 'value' //第二个x轴 }], "series": [{ "type": 'line', //类型设置为折线图 "xAxisIndex": 0 //显示在第一个x轴上 }, { "xAxisIndex": 1
