Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

升级 echarts 至 5.5.1 #1664

Closed
shiguoqian opened this issue Aug 12, 2024 · 0 comments
Closed

升级 echarts 至 5.5.1 #1664

shiguoqian opened this issue Aug 12, 2024 · 0 comments
Assignees
Milestone

Comments

@shiguoqian
Copy link

编辑模式

  • 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)

其他信息

@Vanessa219 Vanessa219 changed the title echarts图表的图例没有颜色 升级 echarts 至 5.5.1 Aug 30, 2024
@Vanessa219 Vanessa219 self-assigned this Aug 30, 2024
@Vanessa219 Vanessa219 added this to the 3.10 milestone Aug 30, 2024
Vanessa219 added a commit that referenced this issue Aug 30, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants