Closed
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)"
}
期待的结果
图例颜色正常显示
截屏或录像
版本信息
- 版本:v3.10.4
- 操作系统:MacOS Sonoma 14.4.1
- 浏览器:Chrome 版本 127.0.6533.89(正式版本) (arm64)