echar 如何修改canvas的宽高

2024-10-19 16:50:47

1、打开vscode,创建一个html5规范的页面EchartsDemo.html

echar 如何修改canvas的宽高

3、在页面中添加一个简易折线图的示例,在页面div设置宽高都是500px

echar 如何修改canvas的宽高

5、在运行界面,按F12,进入开发者模式,点击出现窗口的左上角的箭头,移到折线图上,就可以看到canvas标签确实设置了宽高都是500px

echar 如何修改canvas的宽高

7、再次运行界面,就可以看到div大小没变,但是canvas承载的echarts图形就变小了,达到了修改canvas宽高的目的

echar 如何修改canvas的宽高
猜你喜欢