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 4.x 在线定制,graph图表渲染时会有透明度 #9190

Closed
yuanlove521 opened this issue Oct 10, 2018 · 4 comments

Comments

Projects
None yet
3 participants
@yuanlove521
Copy link

commented Oct 10, 2018

在线定制内容:
图表:
柱状图
折线图
饼图
关系图
仪表盘
坐标系:
直角坐标系
组件:
标题
图例
提示框
标线
其他选项:
SVG渲染

正常引入

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
    </head>
    <body>
        <script src="/echarts.min.js"></script>
        <script src="/iconfont.js"></script>
        <div id="app"></div>
    </body>
</html>

在渲染graph图表时出现透明度问题
image

鼠标经过元素之后又恢复正常了

@Ovilia

This comment has been minimized.

Copy link
Contributor

commented Oct 11, 2018

代码?

@yuanlove521

This comment has been minimized.

Copy link
Author

commented Nov 1, 2018

echarts配置:
{ "title": { "text": "" }, "series": [ { "type": "graph", "focusNodeAdjacency": true, "roam": true, "emphasis": { "lineStyle": { "width": 4 }, "edgeLabel": { "show": true } }, "data": [ { "symbolSize": 18, "name": "年龄", "value": "年龄", "x": -22, "y": -20, "itemStyle": { "color": "#547b95" }, "label": { "show": true, "color": "#547b95", "position": "bottom" }, "emphasis": { "itemStyle": { "borderWidth": 4, "borderColor": "#547b95" } } }, { "symbolSize": 18, "name": "性别", "value": "性别", "x": 32, "y": 12, "itemStyle": { "color": "#547b95" }, "label": { "show": true, "color": "#547b95", "position": "bottom" }, "emphasis": { "itemStyle": { "borderWidth": 4, "borderColor": "#547b95" } } }, { "symbolSize": 18, "name": "毕业院校", "value": "毕业院校", "x": -32, "y": 12, "itemStyle": { "color": "#547b95" }, "label": { "show": true, "color": "#547b95", "position": "bottom" }, "emphasis": { "itemStyle": { "borderWidth": 4, "borderColor": "#547b95" } } }, { "symbolSize": 18, "name": "公司", "value": "公司", "x": 32, "y": -12, "itemStyle": { "color": "#547b95" }, "label": { "show": true, "color": "#547b95", "position": "bottom" }, "emphasis": { "itemStyle": { "borderWidth": 4, "borderColor": "#547b95" } } }, { "name": "我", "symbolSize": 60, "x": 0, "y": 0, "itemStyle": { "color": "#de7e7b", "fontSize": 14 }, "label": { "show": true, "position": "inside" } } ], "links": [ { "source": "我", "lineStyle": { "color": "#666" } }, { "source": "我", "target": "年龄", "lineStyle": { "color": "#666" } }, { "source": "我", "target": "性别", "lineStyle": { "color": "#666" } }, { "source": "我", "target": "毕业院校", "lineStyle": { "color": "#666" } }, { "source": "我", "target": "公司", "lineStyle": { "color": "#666" } } ] } ] }
打开此链接,将上述代码粘贴复制。可以看到问题的复现

@100pah 100pah added bug and removed missing-info labels Nov 4, 2018

@100pah

This comment has been minimized.

Copy link
Member

commented Nov 4, 2018

可暂时将 edgeLabel: {show: true} 去掉。下版本修复。

@100pah 100pah added the scheduled label Nov 4, 2018

@100pah

This comment has been minimized.

Copy link
Member

commented Jan 12, 2019

Fixed and will be released in 4.2.0-rc.3.

@100pah 100pah closed this Jan 12, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.