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
myy012 opened this issue Oct 10, 2018 · 4 comments
Closed

Echarts 4.x 在线定制,graph图表渲染时会有透明度 #9190

myy012 opened this issue Oct 10, 2018 · 4 comments

Comments

@myy012
Copy link

myy012 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
Copy link
Contributor

Ovilia commented Oct 11, 2018

代码?

@Ovilia Ovilia added support missing-demo The author should provide a demo. labels Oct 11, 2018
@myy012
Copy link
Author

myy012 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-demo The author should provide a demo. labels Nov 4, 2018
@100pah
Copy link
Member

100pah commented Nov 4, 2018

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

@100pah
Copy link
Member

100pah commented Jan 12, 2019

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

@100pah 100pah closed this as completed Jan 12, 2019
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

3 participants