zoukankan      html  css  js  c++  java
  • echarts报错,Uncaught Error: series.type should be specified?

    先贴上我的代码:

    <el-row>
          <el-col :span='24'>
            <el-card>
              <div slot="header">某周网站访客来源分析</div>
              <div ref="A"
                   :options="optionsA"
                   style=" 100%; height: 400px"></div>
            </el-card>
          </el-col>
        </el-row>

    mounted () {
        this.drawEchar();
      },
      methods: {
        drawEchar () {
          const chartA = this.$echarts.init(this.$refs['A']);
          chartA.showLoading();
          reqGetEchartsBar().then(data => {
            if (data.code === 200) {
              const options = data.data;
              // chartA.setOption(this.optionsA)
              chartA.setOption({
                type: 'bar',
                series: options.bar.optionsA.series
              });
              setTimeout(() => {
                chartA.hideLoading();
              }, 1000)
            } else {
              chartA.hideLoading();
            }
          }).catch(err => {
            chartA.hideLoading();
            console.log(err);
          })
        }

    报错原因:

    自己并未加载默认数据:

    第一个setOption 只是为了显示静态数据。

    第二个setOption 只是为了显示动态数据。

     配置如下图:

  • 相关阅读:
    第一次用python 写的简单爬虫 记录在自己的博客
    【转】使用notepad运行python
    Android Tools&Cmd
    箴言
    无问西东
    Unity存储路径
    手机屏幕亮度设定
    Go Lang
    iOS .tbd
    Prime31
  • 原文地址:https://www.cnblogs.com/big--Bear/p/12677369.html
Copyright © 2011-2022 走看看