Question

我正在尝试使用角度图和FusionCharts在UI中呈现折线图，但是它显示为无数据可显示。其他图表（例如“ mscolumn2d”）也可以正常显示。这是我的.html文件和.ts文件的代码段。

    <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,
    };
  }

Answer 1

当数据源中未提供“类别”时，将显示“无数据可显示”图表消息，或者为空。在您的实现中，检查“ arrLabel”是否具有FusionCharts规定格式的类别对象数组。

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

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

1 个答案: