第46页，共137页。 显示 1,365 条结果 (0.023 秒)
Echarts图形-扩展属性：柱图鼠标提示背景设置渐变色
(此文档仅供参考) 问题 柱图鼠标提示背景设置渐变色 image2022-12-6_19-35-47.png 解决方案 可以使用扩展属性实现 { "tooltip": { "trigger": "axis", "extraCssText": "background: linear-gradient(0deg, #19263B 0%, #FF0000 100%);" //0deg从上往下渐变，270deg从左往右渐变色，#19263B，#FF0000分别为渐变的颜色 } }Echarts图形-扩展属性：折线图上的点加外圈效果
（本文档仅供参考） 问题1 我想实现折线图上的点加外圈的效果，同时还带有一些阴影的效果，如下图： image2021-2-9_14-23-23.png 解决方案 可以使用扩展属性实现，如下： { "series": [{ "symbol": 'circle', "symbolSize": 20, "lineStyle": { "normal": { //线的颜色 "color": "#00ca95", "shadowColor": 'rgba(0,Echarts图形-扩展属性：折线图实现十字准星指示器
问题 如何设置鼠标自带十字指针，随鼠标位置在折线任意位置都可以显示当前时点的数据 image2023-3-30_17-8-26.png 解决方案 可以写扩展属性实现： { "tooltip": { "axisPointer": { "type": 'cross' } } } image2023-3-30_17-12-15.png 最终效果： image2023-3-30_17-12-39.pngEcharts图形-扩展属性：折线图设置标签的格式为百分比
（此文档仅供参考） 问题 希望折线图的标签可设置数据格式为百分比 2022-10-12_173215.png 实现方案 以下示例为在V97仪表盘中实现，可参考以下扩展属性： 注意：需要对哪个类别的折线设置数据格式，则需要到对应的{}中添加代码，以下扩展属性为对第2个类别进行设置，因此也是写a.value[1]，而不是a.value[0] "series": [ {}, { "itemStyle": { "normal": { "label": { "show": true, "formatter": "function(a){ return (a.Echarts图形-扩展属性：如何修改饼图中引导线的长度
（本文档仅供参考） 问题 这个线的长度可以设置吗？ image2018-11-14 15:27:57.png 解决方案 可使用如下扩展属性： { "series": [{ "labelLine": { "normal": { "length": 30, "length2": 12 } } }] } image2018-11-14 15:29:24.pngEcharts图形-扩展属性：饼图环形图中如何调节视觉引导线长度
(本文档仅供参考) 说明 在产品饼图和环形图的配置项中可通过设置【数据项标签】来设置视觉引导线的显示，那么如何调节引导线的长度呢，如下图所示 image2021-8-30_14-57-28.png 解决方案 如需调节视觉引导线长度，可通过扩展属性来实现，如下 { "legend": { "align": "left" }, "series": [{ "labelLine": { "show": true, "length": 14, "length2": 80 }, }]Echarts图形-扩展属性：饼图图例样式，以及图例和文字的位置修改
(此文档仅供参考) 问题 如何修改图例样式，以及图例和文字的位置 1.png 解决方案 可以使用扩展属性实现 { "legend": { "icon": "circle", //这个字段控制形状 类型包括 circle，rect，roundRect，triangle，diamond，pin，arrow，none "itemWidth": 10, "itemHeight": 10, "align": "left" //图例标记和文本的对齐。默认自动，可选：'auto'/'left'/'right' } }Echarts图形-扩展属性：饼图数据标签空值转换显示方式
（本文档仅供参考） 问题： 饼图分类中有空白值的分类，想替换成其他显示方式。 image2022-12-30_18-36-3.png 解决方案： 可以参考下方扩展属性： （如果空值是空单元格的话，arg.name http://arg.name == ' '里面也需要打一个空格，同理==后面也可以是其他分类值） { "series": [ { "label": { "normal": { "show": true, "position": "outer", "formatter": "function(arg){if(arg.name == ''){return '空值变Echarts图形-扩展属性：玫瑰饼图扇形区域圆角设置
（本文档仅供参考） 问题描述 如下图，想实现饼图扇形区域显示圆角/圆弧效果。 image2022-10-28_19-32-17.png 解决方案 （从echarts v5.0.0 开始支持用 borderRadius 指定饼图扇形区块的内外圆角半径） 可使用如下扩展属性实现效果： { series: [{ radius: ['10%', '45%'], center: ['50%', '40%'], roseType: 'area', selectedOffset: 30, selectedMode: true,Echarts图形-扩展属性：环形图如何设置板块间间隙
（本文档仅供参考） 问题 环形图各个板块之间的空隙如何设置？设置成如下样式： 1.png 解决方案 可用扩展属性实现，示例： { "series": [{ "itemStyle": { "normal": { "borderWidth": 5, "borderColor": "rgba(0,255,0,0.36)" //颜色和背景色一致 } } }] }
