网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

echarts图表怎么随着div变小

时间:2024-10-12 06:55:40

1、第一步首先在我们的电脑上打开软件,新建一个html页面和添加echarts.js,如下图所示:

echarts图表怎么随着div变小

3、第三步通过 var myChart = echarts.init(document.get苇质缵爨ElementById('main'稆糨孝汶;));代码来进行初始化echarts,并且将图表放在div盒子里面, myChart.setOption(option);代码将配置项和数据显示到图表上,如下图所示:

echarts图表怎么随着div变小

5、第五步我们在html页面中复制一下div盒子的代码,将div盒子的宽度高度调小,id改为main2,拎粹蠃账复制js代码,改为var myChart = echarts.init(document.getElementById('main2'));,如下图所示:

echarts图表怎么随着div变小
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com