Dart Chartjs气泡示例

时间:2019-03-12 09:32:22

标签: dart chart.js angular-dart chart.js2

在为带有--release标志的Web应用提供服务时,我很难获得chart.js dart端口以正确呈现气泡图。使用dart2js似乎打破了常规,因为它与--no-release完美配合。

该图表会正确渲染,并且轴看起来很好。只是没有呈现的数据。在控制台中不会引发任何错误。

我尝试了两种添加数据的方法。带有简单地图的地图,如下所示:

 List<Map> myData = [];
 myData.add({'x': 0, 'y': 0, 'r': 5}); //for example..

 ChartDataSets dataset = new ChartDataSets(
    label: 'outer',
    data: myData
  );

 var chartData = new LinearChartData(datasets: <ChartDataSets>[
   dataset,
 ]);

 ChartConfiguration config = new ChartConfiguration(
   type: 'bubble', data: dataset, options: new ChartOptions(
     responsive: true,
     legend: new ChartLegendOptions(display: false),
     scales: scales,
 ));

我还尝试过创建一个类来保存数据,并将对象移至输入列表:

class BubbleObject{

  int x;
  int y;
  double r;

  BubbleObject(this.x, this.y, this.r);

}

所以myData成为List<BubbleObject> myData = []

有人知道为什么--release标志会破坏这种方法,以及如何解决此问题?

提前谢谢!

0 个答案:

没有答案