pyecharts调整html位置,pyecharts学习2–自适应屏幕居中显示

pyecharts 自适应屏幕居中显示

pyecharts生成的html默认是靠左上显示的

需要生成的文件居中显示，且能根据浏览器窗口大小自动调整需要修改html

当然，如果你是html高手且不嫌麻烦的话，手动修改html文件的几个数据即可

修改：

1.获取浏览器窗口长和宽

2.设置显示区域长宽百分比：width:95%; height:95%;

3.设置据中国参数：margin:auto;

4.设置自适应(刷新页面)：location.reload();

如果你想自动生成的话，可以了解一下以下内容

修改pyecharts render配置文件

文件路径 xxx\Lib\site-packages\pyecharts\render\templates

修改文件 macro，

修改居中和百分比显示区域

添加自适应刷新函数

//窗口大小变化时候，进行刷新页面操作，防止样式混乱

var x=window.innerWidth;

function resizeFresh(){

if(x!=window.innerWidth)

location.reload();

}

修改simple_chart.html

获取宽度、高度

html,body{

height:100%;

width:100%

}

添加刷新函数调用

具体代码修改参考资源文件

注： pyecharts版本1.7.1，后期版本可能会优化该问题