pyecharts 自适应屏幕显示
问题:
当pyecharts生成多图片在HTML中,希望其跟随屏幕大小显示,以适应不同尺寸屏幕。提高用户体验。避免由于排版问题,造成视觉影响。
为此我们主要通过修改pyecharts render配置文件macro/simple_chart.html即可完成显示效果。
文章目录
前言
当pyecharts生成多图片在HTML中,希望其跟随屏幕大小显示,以适应不同尺寸屏幕。提高用户体验。避免由于排版问题,造成视觉影响。
为此我们主要通过修改pyecharts render配置文件macro/simple_chart.html即可完成显示效果。
一、解决方法
1.查找macro/simple_chart.html文件
首先我们需要找到macro/simple_chart.html文件
如果不清楚文件在哪,首先找到对应版本的Python lib目录。可以使用
pip3 -V
如下图找到python的Lib库
/Lib/site-packages/pyecharts/render/templates
我们要找的macro/simple_chart.html文件均在**pyecharts/render/templates文件目录下
2.修改macro/simple_chart.html文件
1.修改macro文件
macro文件修改后的前半部分为:
{
%- macro render_chart_content(c) -%}
<div id="{
{ c.chart_id }}" class="chart-container" style="width:95%; height:95%; margin:auto; top:30px"></div>
<script>
var chart_{
{
c.chart_id }