ECharts 是一個基于 JavaScript 的開源可視化庫,用于構建交互式的圖表和地圖。設置 ECharts 的畫布大小可以通過配置項中的echarts.init(dom, theme, options)
方法來實現。其中,dom
參數為要渲染圖表的 DOM 元素,options
參數為配置項,可以在該對象中設置畫布的大小。
下面是一個示例代碼:
// 獲取要渲染圖表的 DOM 元素
var chartDom = document.getElementById('chart');
// 設置畫布的大小
chartDom.style.width = '600px';
chartDom.style.height = '400px';
// 初始化 ECharts 實例
var myChart = echarts.init(chartDom);
// 定義配置項
var option = {
// 配置項內容...
};
// 使用配置項渲染圖表
myChart.setOption(option);
在上面的示例中,我們首先獲取了要渲染圖表的 DOM 元素(假設其 id 為chart
),然后通過設置其width
和height
屬性來設置畫布的大小。最后,使用echarts.init()
方法初始化 ECharts 實例,并將配置項傳遞給setOption()
方法來渲染圖表。
需要注意的是,畫布的大小可以使用像素值(如'600px'
)或百分比(如'50%'
)來指定。