bigpatten的博客

首先需要下载echarts插件，通过npm下载npm install echarts -S下载完后在需要用到的地方导入// 导入echarts图表import echarts from 'echarts'当然，不想麻烦也可以在main.js中全局导入// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts 然后直接上代码：<template> <div>

Echarts图表相关配置先来看看一个例子的整体效果下面是实现上方图示的相关配置var option = { // 图表的标题 title: { text: '一个简单的例子' }, // 全局的颜色可以写在外面 color: ['#3398DB'], // 配置图表的指示器 tooltip: { trigger: 'axis', axisPointer: { type: 'shadow',

1.第一步：在要使用echarts图表的页面的json配置文件中引入使用echarts{ "usingComponents": { "ec-canvas": "../../components/ec-canvas/ec-canvas" }}2. 第二步：在页面的js文件中引入echartsimport * as echarts from '../../components/ec-canvas/echarts'3. 第三步：定义一个全局变量：let chart4.