Shine.js

1、安装 npm install echarts --save 2、全局注册 Vue.prototype.$echarts = echarts 3、使用方法 let myChart = this.$echarts.init(document.getElementById("myChart")); 引入主题的方法 第一种情况：使用Echart 主题里面的文件 在main.js引用主题JS -- import 'echarts/theme/shine.js' 使用方法 -- let myChart = this.$echarts.init(document.getElementById('myChart'),'shine'); 第二种情况：使用自己文件夹中的主题 如果我们把theme的js放到自己的文件夹中，直接放会报错，有2个解决方法 第一种解决方法 1、修改shine.js代码格式 var theme = { } 并增加 export default theme 导出 2、在main.js 中 引入并注册 import echarts from 'echarts' import theme from '@/assets/js/theme/shine.js' Vue.prototype.theme = theme 3、使用方法 let myChart = this.$echarts

1、安装 npm install echarts --save 2、全局注册 Vue.prototype.$echarts = echarts 3、使用方法 let myChart = this.$echarts.init(document.getElementById("myChart")); 引入主题的方法 第一种情况：使用Echart 主题里面的文件 在main.js引用主题JS -- import 'echarts/theme/shine.js' 使用方法 -- let myChart = this.$echarts.init(document.getElementById('myChart'),'shine'); 第二种情况：使用自己文件夹中的主题 如果我们把theme的js放到自己的文件夹中，直接放会报错，有2个解决方法 第一种解决方法 1、修改shine.js代码格式 var theme = { } 并增加 export default theme 导出 2、在main.js 中 引入并注册 import echarts from 'echarts' import theme from '@/assets/js/theme/shine.js' Vue.prototype.theme = theme 3、使用方法 let myChart = this.$echarts