找不到容器dom元素融合图答案

【问题标题】：Unable to find the container dom element fusion chart找不到容器dom元素融合图
【发布时间】：2021-11-25 16:25:41
【问题描述】：

我尝试按照 fusionchart 教程创建我的第一个图表，但我收到此错误“无法找到容器 DOM 元素”。我不知道它来自哪里。有人可以帮助我吗？提前感谢您的帮助

<script>
import Vue from 'vue';
import VueFusionCharts from 'vue-fusioncharts';
import FusionCharts from 'fusioncharts';
import Column2D from 'fusioncharts/fusioncharts.charts';
import FusionTheme from 'fusioncharts/themes/fusioncharts.theme.fusion';

Vue.use(VueFusionCharts, FusionCharts, Column2D, FusionTheme);

const chartData = [...];

const dataSource = {
  chart: {
    caption: "Countries With Most Oil Reserves [2017-18]",
    subcaption: "In MMbbl = One Million barrels",
    xaxisname: "Country",
    yaxisname: "Reserves (MMbbl)",
    numbersuffix: "K",
    theme: "fusion"
  },
  data: chartData
  };

export default {
  name: 'app',
  data() {
    return {
      "type": "column2d",
      "renderAt": "chart-container",
      "width": "550",
      "height": "350",
      "dataFormat": "json",
      dataSource
    }
  }
}
</script>

<template>
  <div id="app">
    <div id="chart-container">
      <fusioncharts
      :type="type"
      :width="width"
      :height="height"
      :dataformat="dataFormat"
      :dataSource="dataSource"
      >
      </fusioncharts>
    </div>
  </div>
</template>

【问题讨论】：

标签： javascript vue.js fusioncharts

【解决方案1】：

快速浏览一下包的文档，我对您的“renderAt”属性一无所知。也许尝试省略这个属性？

【讨论】：