赞
踩
echarts组件非常多,有时候我们的业务就需要两三个不多,这时候如果全部引入的就会导致打包过大,这时候就可以按需引入。
const echarts = require('echarts/lib/echarts'); // 引入折线图 require('echarts/lib/chart/line'); // 饼图 require('echarts/lib/chart/pie'); // 引入提示框和标题组件 require('echarts/lib/component/tooltip'); require('echarts/lib/component/title'); require('echarts/theme/macarons') // 基于准备好的dom,初始化echarts实例 const myChart = echarts.init(document.getElementById('main')); // 绘制图表 myChart.setOption({ title: { text: 'ECharts 入门示例' }, tooltip: {}, xAxis: { data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子'] }, yAxis: {}, series: [{ name: '销量', type: 'bar', data: [5, 20, 36, 10, 10, 20] }] });
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。