在项目目录下新建一个文件夹,新建echarts.js文件,import * as echarts from 'echarts'导入echarts组件,将图表例子封装到函数中,设置形参,在要使用的页面中引入echarts.js文件,将data中的数据当做实参传给形参,便可在页面中展示echarts图表。
import * as echarts from 'echarts';
export function chart(lineDataX, lineDataY) {
var myChart = echarts.init(document.getElementById('piping'));
myChart.setOption({
xAxis: {
name: "流量",
data: lineDataX
},
yAxis: {
name: "m/s"
},
series: [
{
barWidth: '12px',
type: 'bar',
data: lineDataY,
showBackground: true,
backgroundStyle: {
color: '#6C8097'
},
itemStyle: {
color: '#159AFF',
opacit