echartsでキャンバスサイズを設定するにはどうすればよいですか

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.int() メソッドで ECharts のインスタンスを初期化し、オプションを setOption() メソッドに渡してグラフを描画しています。

なおキャンバスサイズはピクセル値（例：’600px’）またはパーセント（例：’50%’）で指定できます。