搜索

Help

第41页,共230页。 显示 2,295 条结果 (0.046 秒)

  1. Echarts图形-扩展属性:数据标签 - 堆积柱图显示各自数据标签及合计值

    (本文档仅供参考) 问题 想要实现既显示堆积柱图各自的数据项标签又显示合计值的效果,如下图示 image2022-3-15_13-45-39.png 解决方案 可添加一个合计字段进行作图,同时通过扩展属性隐藏该合计值字段的柱子,只显示数据标签 { "series": [{ "itemStyle": { "normal": { "label": { "show": true, "position": "inside" } } } }, { "itemStyle": { "normal
    FAQ中心大约9小时以前
  2. Echarts图形-扩展属性:鼠标提示 - 柱图鼠标提示背景设置渐变色

    (此文档仅供参考) 问题 柱图鼠标提示背景设置渐变色 image2022-12-6_19-35-47.png 解决方案 可以使用扩展属性实现 { "tooltip": { "trigger": "axis", "extraCssText": "background: linear-gradient(0deg, #19263B 0%, #FF0000 100%);" //0deg从上往下渐变,270deg从左往右渐变色,#19263B,#FF0000分别为渐变的颜色 } } 鼠标提示框背景渐变
    FAQ中心大约9小时以前
  3. Echarts图形-扩展属性:进度条 - 柱图实现进度条的效果

    (本文档仅供参考) 问题: 希望柱图显示为进度条的效果 解决方案 具体请参考如下扩展属性: { "series": [{ "type": "bar", "barWidth": "12%", "itemStyle": { "normal": { "color": "red", "barBorderRadius": 20, "label": { "show": true
    FAQ中心大约9小时以前
  4. Echarts图形-扩展属性:折线 - 图形自定义区间设置颜色

    问题描述 如下图,单线图中想要分段设置颜色显示,怎么实现这个效果? image2023-3-20_10-0-52.png 解决方案 可使用如下扩展属性实现效果: { "visualMap": { "show": false, "pieces": [ { "color": "#c4e2fd", "label": "0~10", "lte": 10, "gt": 0 }, { "color": "#8aaac7", "label": "10~20", "lte": 20, "gt": 10
    FAQ中心大约6小时以前
  5. 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 '空值
    FAQ中心大约6小时以前
  6. Echarts图形-扩展属性:泡泡图 - 实现泡泡图添加矩形的范围

    (本文档仅供参考) 问题 希望能实现矩形的标准范围(比如X轴要求780-900的范围且Y轴要求350-500),以便快速识别标准范围外的泡泡点,具体效果如附件所示,请问如何实现?效果图如下: image2019-3-15 11:37:14.png 解决方案 通过扩展属性设置相应区域: { "series": [{ "markArea": { "data": [ [{ "name": "参考", "coord": [150, 1200
    FAQ中心大约4小时以前
  7. Echarts图形-扩展属性:数据标签 - 散点图数据标签如何设置重叠不显示

    (本文档仅供参考) 问题描述:  如何实现在散点图上重叠的标签直接不显示,如图: https://static.dingtalk.com/media/lQLPJwNbUg-RCXvNAoXNBLGwezWC7Z53zzcIAokcy1Z9AA_1201_645.png 解决方案        可直接通过扩展属性实现: {     "series": [{         "labelLayout":  {             "hideOverlap": true         }     }] } https://static.dingtalk.com
    FAQ中心大约4小时以前
  8. Echarts图形-扩展属性:数据标签 - 关系图的连线上显示关系信息

    (本文档仅供参考) 问题 关系图,在关系连线上直接显示出关系信息,如下图所示 关系图.png 解决方案 可使用如下扩展属性代码实现: {     "series": [{         "edgeLabel": {             "normal": {                 "show": true,                 "formatter": "function(x){  return x.name+':'+x.value;}", //连线显示关系             }         }   }] } PS:  x.name 和x.value 是固定图形方法
    FAQ中心大约4小时以前
  9. Echarts图形-扩展属性:数据标签 - 桑基图标签换行

    (本文档仅供参考,V95,echarts4.2版本上验证通过) 问题说明 桑基图的标签文字太行,如下,如何换行显示? image2024-11-11_16-26-41.png 解决方案 参考如下扩展属性: "series": [ { "type": "sankey", "label": { "formatter": "function(a){return a.name.match(/.{1,4}/g).join('\\n');}" } } ] image2024-11-11_16-28-7.png image2024-11-11_16-27-14.png 桑基图
    FAQ中心大约4小时以前
  10. Echarts图形-扩展属性:样式 - 雷达图修改分割线的颜色

    (本文档仅供参考) 问题 雷达图的分割线是否可以设置颜色 image2021-3-19_16-51-54.png 解决方案 可以使用扩展属性实现,如下: { "radar": [{ //指向外圈文本的分隔线样式,交叉线的样式 "axisLine": { "lineStyle": { "color": "#FF00FF" } }, //其他的分割线的样式,环形线样式 "splitLine": { "lineStyle
    FAQ中心大约4小时以前