常用参数有:
-
el:指定图表要渲染到哪个 HTML 元素上。
-
theme:指定图表的主题,可选值为字符串类型或者对象类型。
-
renderer:指定图表的渲染方式,可选值为 ‘canvas’ 或 ‘svg’、或’webgl’。
-
devicePixelRatio:指定图表的设备像素比,用于提高图表的清晰度。
-
width、height:指定图表的宽度和高度,默认值为 ‘auto’。
示例代码:
import echarts from 'echarts';
export default {
mounted() {
const chartDom = document.getElementById('chart');
const myChart = echarts.init(chartDom, 'macarons', {
renderer: 'svg',
width: 500,
height: 400,
devicePixelRatio: 2,
});
},
};
解释:在 mounted 阶段,获取到渲染图表的 HTML 元素,然后通过 echarts.init() 方法初始化图表实例,并且传入了主题、渲染方式、宽高、设备像素比等参数。