You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
[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
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
The text was updated successfully, but these errors were encountered:
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?
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
Any additional comments?
No response
The text was updated successfully, but these errors were encountered: