2048
登录
没  有  难  学  的  前  端
登 录
×
<返回上一级

vue中使用echarts自定义主题,报错ECharts is not Loaded

vue.js作者:猿2048志愿者

vue中引入echarts和自定义的主题文件, 主题文件js报错ECharts is not Loaded。页面上echarts的图表是正确显示的。

  import echarts from 'echarts/lib/echarts'
  import 'echarts/lib/chart/bar'
  import 'echarts/lib/component/tooltip'
  import 'echarts/lib/component/title'
  import '@/assets/echarts/mytheme' // 主题文件

  export default {
    name: 'user-chart',
    data () {
      return {
      }
    },
    mounted () {
      this.initChart()
    },
    methods: {
      initChart () {
        this.userChart = echarts.init(this.$refs['userChart'], 'mytheme')
        this.userChart.setOption({
          title: {
            text: 'ECharts 入门示例'
          },
          tooltip: {},
          xAxis: {
            data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
          },
          yAxis: {},
          series: [{
            name: '销量',
            type: 'bar',
            data: [5, 20, 36, 10, 10, 20]
          }]
        })
      }
    }
  }
猜你喜欢
(十万案例免费下载)
评论
点击刷新
评论
相关问题

分享“案例”中大奖

开始分享 中奖规则
分享链接:
联系方式:
2021-04-11中奖名单(每日10名)
×添加代码片段