Comments (4)
sunhailin-Leo
commented on July 22, 2024
- Can you show me the full json data after render in HTML files?
from pyecharts.
byemaxx
commented on July 22, 2024
Hi, the following are the html rendering from the code:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Awesome-pyecharts</title>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts.min.js"></script>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts-gl.min.js"></script>
</head>
<body >
<div id="7888c0b810d44f4b994f1b87c6891b54" class="chart-container" style="width:900px; height:500px; "></div>
<script>
var chart_7888c0b810d44f4b994f1b87c6891b54 = echarts.init(
document.getElementById('7888c0b810d44f4b994f1b87c6891b54'), 'white', {renderer: 'canvas'});
var option_7888c0b810d44f4b994f1b87c6891b54 = {
"animation": true,
"animationThreshold": 2000,
"animationDuration": 1000,
"animationEasing": "cubicOut",
"animationDelay": 0,
"animationDurationUpdate": 300,
"animationEasingUpdate": "cubicOut",
"animationDelayUpdate": 0,
"aria": {
"enabled": false
},
"color": [
"#5470c6",
"#91cc75",
"#fac858",
"#ee6666",
"#73c0de",
"#3ba272",
"#fc8452",
"#9a60b4",
"#ea7ccc"
],
"series": [
{
"type": "bar3D",
"name": "series_0",
"data": [
[
0,
0,
16
],
[
0,
1,
16
],
[
0,
2,
16
],
[
1,
0,
16
],
[
1,
1,
16
],
[
1,
2,
16
],
[
2,
0,
16
],
[
2,
1,
16
],
[
2,
2,
16
]
],
"label": {
"show": false,
"margin": 8
},
"grid3DIndex": 0,
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 2.5,
"period": 4
},
"stack": "stack",
"emphasis_opts": {
"disabled": false,
"scale": true,
"focus": "series",
"blurScope": "coordinateSystem",
"labelLine": {
"show": false
}
}
},
{
"type": "bar3D",
"name": "series_1",
"data": [
[
0,
0,
8
],
[
0,
1,
8
],
[
0,
2,
8
],
[
1,
0,
8
],
[
1,
1,
8
],
[
1,
2,
8
],
[
2,
0,
8
],
[
2,
1,
8
],
[
2,
2,
8
]
],
"label": {
"show": false,
"margin": 8
},
"grid3DIndex": 0,
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 2.5,
"period": 4
},
"stack": "stack",
"emphasis_opts": {
"disabled": false,
"scale": true,
"focus": "series",
"blurScope": "coordinateSystem",
"labelLine": {
"show": false
}
}
},
{
"type": "bar3D",
"name": "series_2",
"data": [
[
0,
0,
4
],
[
0,
1,
4
],
[
0,
2,
4
],
[
1,
0,
4
],
[
1,
1,
4
],
[
1,
2,
4
],
[
2,
0,
4
],
[
2,
1,
4
],
[
2,
2,
4
]
],
"label": {
"show": false,
"margin": 8
},
"grid3DIndex": 0,
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 2.5,
"period": 4
},
"stack": "stack",
"emphasis_opts": {
"disabled": false,
"scale": true,
"focus": "series",
"blurScope": "coordinateSystem",
"labelLine": {
"show": false
}
}
},
{
"type": "bar3D",
"name": "series_3",
"data": [
[
0,
0,
10
],
[
0,
1,
10
],
[
0,
2,
10
],
[
1,
0,
10
],
[
1,
1,
10
],
[
1,
2,
10
],
[
2,
0,
10
],
[
2,
1,
10
],
[
2,
2,
10
]
],
"label": {
"show": false,
"margin": 8
},
"grid3DIndex": 0,
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 2.5,
"period": 4
},
"stack": "stack",
"emphasis_opts": {
"disabled": false,
"scale": true,
"focus": "series",
"blurScope": "coordinateSystem",
"labelLine": {
"show": false
}
}
},
{
"type": "bar3D",
"name": "series_4",
"data": [
[
0,
0,
10
],
[
0,
1,
10
],
[
0,
2,
10
],
[
1,
0,
10
],
[
1,
1,
10
],
[
1,
2,
10
],
[
2,
0,
10
],
[
2,
1,
10
],
[
2,
2,
10
]
],
"label": {
"show": false,
"margin": 8
},
"grid3DIndex": 0,
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 2.5,
"period": 4
},
"stack": "stack",
"emphasis_opts": {
"disabled": false,
"scale": true,
"focus": "series",
"blurScope": "coordinateSystem",
"labelLine": {
"show": false
}
}
}
],
"legend": [
{
"data": [
"series_0",
"series_1",
"series_2",
"series_3",
"series_4"
],
"selected": {}
}
],
"tooltip": {
"show": true,
"trigger": "item",
"triggerOn": "mousemove|click",
"axisPointer": {
"type": "line"
},
"showContent": true,
"alwaysShowContent": false,
"showDelay": 0,
"hideDelay": 100,
"enterable": false,
"confine": false,
"appendToBody": false,
"transitionDuration": 0.4,
"textStyle": {
"fontSize": 14
},
"borderWidth": 0,
"padding": 5,
"order": "seriesAsc"
},
"xAxis3D": {
"data": [
"a",
"b",
"c"
],
"show": true,
"scale": false,
"grid3DIndex": 0,
"nameGap": 20,
"logBase": 10,
"splitLine": {
"show": true,
"lineStyle": {
"show": true,
"width": 1,
"opacity": 1,
"curveness": 0,
"type": "solid"
}
}
},
"yAxis3D": {
"data": [
"A",
"B",
"C"
],
"show": true,
"scale": false,
"grid3DIndex": 0,
"nameGap": 20,
"logBase": 10,
"splitLine": {
"show": true,
"lineStyle": {
"show": true,
"width": 1,
"opacity": 1,
"curveness": 0,
"type": "solid"
}
}
},
"zAxis3D": {
"show": true,
"scale": false,
"grid3DIndex": 0,
"nameGap": 20,
"logBase": 10,
"type": "value",
"splitLine": {
"show": true,
"lineStyle": {
"show": true,
"width": 1,
"opacity": 1,
"curveness": 0,
"type": "solid"
}
}
},
"grid3D": {
"boxWidth": 200,
"boxHeight": 100,
"boxDepth": 80,
"splitLine": {
"show": true,
"lineStyle": {
"show": true,
"width": 1,
"opacity": 1,
"curveness": 0,
"type": "solid"
}
},
"environment": "auto",
"viewControl": {
"autoRotate": false,
"autoRotateSpeed": 10,
"rotateSensitivity": 1,
"alpha": 20,
"beta": 40,
"minAlpha": -90,
"maxAlpha": 90
},
"zlevel": -10,
"left": "auto",
"top": "auto",
"right": "auto",
"bottom": "auto"
}
};
chart_7888c0b810d44f4b994f1b87c6891b54.setOption(option_7888c0b810d44f4b994f1b87c6891b54);
</script>
</body>
</html>
from pyecharts.
sunhailin-Leo
commented on July 22, 2024
- Because of the 3D Chart emphasis_opts is different to normal charts.
from pyecharts.
sunhailin-Leo
commented on July 22, 2024
- Closed it then waiting for the new version.
from pyecharts.
Related Issues (20)
- 什么时候能支持SVG格式的map? HOT 6
- BarBackgroundStyleOpts中bar_border_radius不支持 HOT 3
- Timeline+添加不同数据的Geo会有混淆情况 HOT 8
- Jupyter notebook --> bar.render_notebook() 显示空白
- 绘制定位点x,y序列，折线图Line显示异常。 HOT 1
- 关系图旋转动画关闭无效 HOT 7
- Table的配置项不生效 HOT 2
- 如何把tooltips的内容动态更新到标题？ HOT 2
- timeline pie legend HOT 4
- Graph图节点间的多边问题 HOT 2
- 官网无法访问？Jupyter中render_notebook() 图表无法显示 HOT 2
- pie饼图时，set_colors无法更改颜色 HOT 3
- 使用opts.PieItem定义Pie数据序列时，legend_opts无法同步数据 HOT 2
- gauge图的data_pair标签的属性在dark主题下无效。 HOT 2
- 使用带Timeline的Bar图时，会出现多个xaxis标签重复在一起 HOT 6
- Disable animations for specific elements only instead of the whole plot HOT 1
- 将词云图的html保存为png，运行成功但是png文件都是空
- 折线图无法正常显示 HOT 2
- 折线图显示问题，求帮忙SOS
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from pyecharts.