与 Angular 一起使用时，折线图（FusionCharts）不显示任何数据答案

【问题标题】：Line chart(FusionCharts) is not showing any data when using with Angular与 Angular 一起使用时，折线图（FusionCharts）不显示任何数据
【发布时间】：2019-05-02 17:04:49
【问题描述】：

我正在尝试使用 angular 和 fusionCharts 在 UI 中呈现折线图，但它以 无数据显示的形式出现。 'mscolumn2d' 等其他图表正在正常运行。这是我分别用于 .html 文件和 .ts 文件的代码 sn-p。

    <div class="abc" id="demo-chart">
      <fusioncharts width="100%" height="100%" type="line" dataFormat="json" [dataSource]="demoChartData">
      </fusioncharts>
    </div>

  createDemoChart(response): void {
    const arrLabel = [];
    const datasetArr = [];
    const arrDataActual = [];
    for (let i = 0; i < 10; i++) {
      arrLabel.push({ label: 'Day ' + i });
      arrDataActual.push({ value: i });
    }
    datasetArr.push({data: arrDataActual });
    this.demoChartData = {
      chart: {
        theme: 'fusion',
        caption: 'Classes over Day',
        xaxisname: 'Day',
        yaxisname: 'No of Classes',
        showvalues: '0',
        anchorRadius: '6',
        anchorBorderThickness: '2',
        anchorBorderColor: '#ccccff',
        anchorBgColor: '#ccccff',
      },
      categories: [{
        category: arrLabel,
      }],
      dataset: datasetArr,
    };
  }

【问题讨论】：

标签： angular fusioncharts

【解决方案1】：

当dataSource中没有提供“category”或者为null时，显示“No data to display”图表消息。在您的实现中，检查“arrLabel”是否具有 FusionCharts 规定格式的类别对象数组。

还要确保其他对象数组（如“数据集”、“注释”等）按照您的实现中的格式接收值。

【讨论】：

我已经检查了所有变量（arrLabel、arrDataActual、datasetArr）都有数据，并且 demoChartData 变量也正在填充，但图表没有显示。