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

[Bug] After the graphGL graphics set the title for the title, use the download picture function, only the title has no graphics after downloading, and other GL graphics should also have this problem #19077

Open
Dangdtx opened this issue Sep 5, 2023 · 2 comments
Labels
bug en This issue is in English pending We are not sure about whether this is a bug/new feature.

Comments

@Dangdtx
Copy link

Dangdtx commented Sep 5, 2023

Version

e.g. 5.4.3

Link to Minimal Reproduction

https://echarts.apache.org/examples/zh/editor.html?c=graphgl-large-internet&gl=1&theme=dark

Steps to Reproduce

$.getJSON(
ROOT_PATH + '/data-gl/asset/data/internet.graph.json',
function (graph) {
graph.edges.length = 10;
graph.nodes.length = 40;
var edges = graph.edges.map(function (edge) {
return {
source: edge[0],
target: edge[1],
value: 2
};
});
var categories = [];
var categoriesMap = {};
var nodes = graph.nodes.map(function (node) {
if (!categoriesMap[node[3]]) {
categories.push({
name: node[3]
});
categoriesMap[node[3]] = true;
}
return {
x: Math.random() * window.innerWidth,
y: Math.random() * window.innerHeight,
// x: node[0],
// y: node[1],
symbolSize: node[2],
category: node[3],
value: 1
};
});
myChart.setOption({
title: {
text: '数据来源',
color: '#Fff',
left: 'middle',
top: 'bottom',
zlevel: 9,
z: 2
},
toolbox: {
show: true,
feature: {
saveAsImage: {}
}
},
color: [
'rgb(203,239,15)',
'rgb(73,15,239)',
'rgb(239,231,15)',
'rgb(15,217,239)',
'rgb(30,15,239)',
'rgb(15,174,239)',
'rgb(116,239,15)',
'rgb(239,15,58)',
'rgb(15,239,174)',
'rgb(239,102,15)',
'rgb(239,15,15)',
'rgb(15,44,239)',
'rgb(239,145,15)',
'rgb(30,239,15)',
'rgb(239,188,15)',
'rgb(159,239,15)',
'rgb(159,15,239)',
'rgb(15,239,44)',
'rgb(15,239,87)',
'rgb(15,239,217)',
'rgb(203,15,239)',
'rgb(239,15,188)',
'rgb(239,15,102)',
'rgb(239,58,15)',
'rgb(239,15,145)',
'rgb(116,15,239)',
'rgb(15,131,239)',
'rgb(73,239,15)',
'rgb(15,239,131)',
'rgb(15,87,239)',
'rgb(239,15,231)'
],
series: [
{
z: 20,
zlevel: 99900,
type: 'graphGL',
nodes: nodes,
edges: edges,
categories: categories.sort(function (a, b) {
return a.name - b.name;
}),
lineStyle: {
color: 'rgba(255,255,255,0.2)'
},
itemStyle: {
opacity: 1
},
forceAtlas2: {
steps: 1,
stopThreshold: 1,
jitterTolerence: 10,
edgeWeight: [0.2, 1],
gravity: 0,
edgeWeightInfluence: 1,
scaling: 0.2
}
}
]
});
}
);

Current Behavior

After the graphGL graphics set the title for the title, use the download picture function, only the title has no graphics after downloading, and other GL graphics should also have this problem

Expected Behavior

After setting the title and location, you can download the image display content.

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

@Dangdtx Dangdtx added the bug label Sep 5, 2023
@echarts-bot echarts-bot bot added en This issue is in English pending We are not sure about whether this is a bug/new feature. labels Sep 5, 2023
@Dangdtx
Copy link
Author

Dangdtx commented Sep 5, 2023

I tried zlevel layering to achieve the effect of downloading and displaying content, but I don't quite understand that the zlevel of the title needs to be set higher than the zlevel of the graphics to work properly. According to the general rule, the zlevel of the graphics should be higher At the zlevel of the title?

@helgasoft
Copy link

The problem is with echarts-gl. Created a bug report there.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug en This issue is in English pending We are not sure about whether this is a bug/new feature.
Projects
None yet
Development

No branches or pull requests

2 participants