Skip to content

升级 echarts 至 5.5.1 #1664

Closed
Closed
@shiguoqian

Description

编辑模式

  • wysiwyg 所见即所得模式

其他模式也有相同的问题

描述问题

echarts图表的图例有问题(左边的没有颜色,右边的灰色)

{
  "other": {
    "id": "41bru26pqkq00",
    "isGroup": false,
    "attr": {
      "x": 50,
      "y": 50,
      "w": 500,
      "h": 300,
      "offsetX": 0,
      "offsetY": 0,
      "zIndex": -1
    },
    "styles": {
      "filterShow": false,
      "hueRotate": 0,
      "saturate": 1,
      "contrast": 1,
      "brightness": 1,
      "opacity": 1,
      "rotateZ": 0,
      "rotateX": 0,
      "rotateY": 0,
      "skewX": 0,
      "skewY": 0,
      "blendMode": "normal",
      "animations": []
    },
    "preview": {
      "overFlowHidden": false
    },
    "status": {
      "lock": false,
      "hide": false
    },
    "request": {
      "requestDataType": 0,
      "requestHttpType": "get",
      "requestUrl": "",
      "requestInterval": null,
      "requestIntervalUnit": "second",
      "requestContentType": 0,
      "requestParamsBodyType": "none",
      "requestSQLContent": {
        "sql": "select * from  where"
      },
      "requestParams": {
        "Body": {
          "form-data": {},
          "x-www-form-urlencoded": {},
          "json": "",
          "xml": ""
        },
        "Header": {},
        "Params": {}
      }
    },
    "filter": null,
    "events": {
      "baseEvent": {
        "click": null,
        "dblclick": null,
        "mouseenter": null,
        "mouseleave": null
      },
      "advancedEvents": {
        "vnodeMounted": null,
        "vnodeBeforeMount": null
      },
      "interactEvents": []
    },
    "key": "BarCommon",
    "chartConfig": {
      "key": "BarCommon",
      "chartKey": "VBarCommon",
      "conKey": "VCBarCommon",
      "title": "柱状图",
      "category": "Bars",
      "categoryName": "柱状图",
      "package": "Charts",
      "chartFrame": "echarts",
      "image": "bar_x.png"
    }
  },
  "legend": {
    "show": true,
    "x": "center",
    "y": "top",
    "orient": "horizontal",
    "align": "auto",
    "padding": 5,
    "itemGap": 10,
    "itemWidth": 24,
    "itemHeight": 14,
    "textStyle": {
      "color": "#B9B8CE",
      "fontStyle": "normal",
      "fontWeight": "normal",
      "fontFamily": "Microsoft YaHei",
      "fontSize": 14,
      "lineHeight": 20,
      "backgroundColor": "#FFFFFF00",
      "borderColor": "#FFFFFF00",
      "borderWidth": 0,
      "borderType": "solid",
      "borderDashOffset": 0,
      "borderRadius": 0,
      "padding": 0,
      "shadowColor": "#FFFFFF00",
      "shadowBlur": 0,
      "shadowOffsetX": 0,
      "shadowOffsetY": 0,
      "width": 50,
      "height": 40,
      "textBorderColor": "#FFFFFF00",
      "textBorderWidth": 0,
      "textBorderType": "solid",
      "textBorderDashOffset": 0,
      "textShadowColor": "#FFFFFF00",
      "textShadowBlur": 0,
      "textShadowOffsetX": 0,
      "textShadowOffsetY": 0,
      "overflow": "truncate",
      "ellipsis": "..."
    },
    "backgroundColor": "#ffffff00",
    "borderColor": "#ffffff00",
    "borderWidth": 0,
    "borderRadius": 0,
    "shadowBlur": 0,
    "shadowColor": "#ffffff00",
    "shadowOffsetX": 0,
    "shadowOffsetY": 0,
    "inactiveColor": "",
    "inactiveBorderColor": "",
    "inactiveBorderWidth": 0,
    "icon": "roundRect",
    "tooltip": {
      "show": true
    },
    "itemStyle": {
      "color": "inherit",
      "borderWidth": 0,
      "borderColor": "inherit",
      "borderType": "solid",
      "borderDashOffset": 0,
      "borderCap": "butt",
      "borderJoin": "bevel",
      "borderMiterLimit": 10,
      "shadowBlur": 0,
      "shadowColor": "inherit",
      "shadowOffsetX": 0,
      "shadowOffsetY": 0,
      "opacity": 1,
      "decal": {
        "symbol": "none",
        "symbolSize": 1,
        "symbolKeepAspect": true,
        "color": "#fff",
        "backgroundColor": "",
        "dashArrayX": 5,
        "dashArrayY": 5,
        "rotation": 0,
        "maxTitleWidth": 512,
        "maxTitleHeight": 512
      }
    },
    "top": "6%"
  },
  "xAxis": {
    "show": true,
    "name": "",
    "nameGap": 15,
    "nameTextStyle": {
      "color": "#B9B8CE",
      "fontSize": 12
    },
    "inverse": false,
    "axisLabel": {
      "show": true,
      "fontSize": 12,
      "rotate": 0,
      "color": "#B9B8CE"
    },
    "position": "bottom",
    "axisLine": {
      "show": true,
      "lineStyle": {
        "color": "#B9B8CE",
        "width": 1
      },
      "onZero": true
    },
    "axisTick": {
      "show": true,
      "length": 5
    },
    "splitLine": {
      "show": false,
      "lineStyle": {
        "color": "#484753",
        "width": 1,
        "type": "solid"
      }
    },
    "type": "category"
  },
  "grid": {
    "left": 30,
    "right": 40,
    "bottom": 30,
    "containLabel": true,
    "show": false,
    "top": 60,
    "backgroundColor": "#00000000",
    "borderWidth": 1,
    "borderColor": "#ccc"
  },
  "tooltip": {
    "show": true,
    "showContent": true,
    "triggerOn": "mousemove|click",
    "alwaysShowContent": false,
    "renderMode": "auto",
    "confine": null,
    "showDelay": 0,
    "hideDelay": 100,
    "transitionDuration": 0.4,
    "enterable": false,
    "backgroundColor": "#fff",
    "borderWidth": 1,
    "padding": null,
    "extraCssText": "",
    "axisPointer": {
      "type": "shadow",
      "axis": "auto",
      "animation": "auto",
      "animationDurationUpdate": 200,
      "animationEasingUpdate": "exponentialOut",
      "crossStyle": {
        "color": "#999",
        "width": 1,
        "type": "dashed"
      },
      "show": true
    },
    "textStyle": {
      "color": "#666",
      "fontSize": 14
    },
    "trigger": "axis"
  },
  "color": [
    "#5470c6",
    "#91cc75",
    "#fac858",
    "#ee6666",
    "#73c0de",
    "#3ba272",
    "#fc8452",
    "#9a60b4",
    "#ea7ccc"
  ],
  "textStyle": {
    "fontFamily": "sans-serif",
    "fontSize": 12,
    "fontStyle": "normal",
    "fontWeight": "normal"
  },
  "yAxis": {
    "show": true,
    "name": "",
    "type": "value",
    "nameGap": 15,
    "nameTextStyle": {
      "color": "#B9B8CE",
      "fontSize": 12
    },
    "alignTicks": true,
    "inverse": false,
    "axisLabel": {
      "show": true,
      "fontSize": 12,
      "color": "#B9B8CE"
    },
    "position": "left",
    "axisLine": {
      "show": true,
      "lineStyle": {
        "color": "#B9B8CE",
        "width": 1
      },
      "onZero": true
    },
    "axisTick": {
      "show": true,
      "length": 5
    },
    "splitLine": {
      "show": true,
      "lineStyle": {
        "color": "#484753",
        "width": 1,
        "type": "solid"
      }
    }
  },
  "dataset": {
    "dimensions": [
      "product",
      "网校学员平均掌握率(%)",
      "全国平均掌握率(%)"
    ],
    "source": [
      {
        "product": "生物化学",
        "网校学员平均掌握率(%)": 120,
        "全国平均掌握率(%)": 130
      },
      {
        "product": "医学微生物学",
        "网校学员平均掌握率(%)": 200,
        "全国平均掌握率(%)": 130
      },
      {
        "product": "医学免疫学",
        "网校学员平均掌握率(%)": 150,
        "全国平均掌握率(%)": 312
      },
      {
        "product": "药理学",
        "网校学员平均掌握率(%)": 80,
        "全国平均掌握率(%)": 268
      },
      {
        "product": "口腔组织病理学",
        "网校学员平均掌握率(%)": 70,
        "全国平均掌握率(%)": 155
      },
      {
        "product": "口腔解剖生理学",
        "网校学员平均掌握率(%)": 110,
        "全国平均掌握率(%)": 117
      }
    ]
  },
  "series": [
    {
      "type": "bar",
      "barWidth": 15,
      "label": {
        "show": true,
        "position": "top",
        "color": "#fff",
        "fontSize": 12
      },
      "itemStyle": {
        "color": null,
        "borderRadius": 2
      }
    },
    {
      "type": "bar",
      "barWidth": 15,
      "label": {
        "show": true,
        "position": "top",
        "color": "#fff",
        "fontSize": 12
      },
      "itemStyle": {
        "color": null,
        "borderRadius": 2
      }
    }
  ],
  "title": {
    "text": "《基础医学综合》各科目柱状图对比",
    "left": "center"
  },
  "backgroundColor": "rgba(0,0,0,0)"
}

期待的结果

图例颜色正常显示

image

截屏或录像

image

版本信息

  • 版本:v3.10.4
  • 操作系统:MacOS Sonoma 14.4.1
  • 浏览器:Chrome 版本 127.0.6533.89(正式版本) (arm64)

其他信息

Metadata

Assignees

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions