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
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