首页 / JAVASCRIPT / 如何在Dart中使用javascript库amCharts？

如何在Dart中使用javascript库amCharts？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何在Dart中使用javascript库amCharts？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1025字，纯文字阅读大概需要2分钟。

内容图文

我想从Dart中的amCharts库中绘制图形.

我在Dart中按照此处描述的指南https://www.dartlang.org/articles/js-dart-interop/转换了来自amCharts网站的代码示例,但我无法绘制图表.

我在mac os上使用Dart编辑器.

当我运行飞镖应用程序时,一切运行正常,但图表没有出现.

anobydy是否已经尝试过使用带有Dart的amCharts？

解决方法:

这是Simple pie chart的the Js code飞镖版.

import 'dart:js';

main(){
  final chartData = /* same datas as JS */;
  context['AmCharts'].callMethod('ready', [(){
    final chart = new JsObject(context['AmCharts']['AmPieChart']);
    chart['dataProvider'] = new JsObject.jsify(chartData);
    chart['titleField'] = "country";
    chart['valueField'] = "litres";
    chart['outlineColor'] = "#FFFFFF";
    chart['outlineAlpha'] = 0.8;
    chart['outlineThickness'] = 2;
    chart['balloonText'] = "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>";

    // WRITE
    chart.callMethod('write', ["chartdiv"]);
  }]);
}

基本上：

>在Js中使用数组表示法时使用属性.
>在Js中使用callMethod调用方法.
>使用new JsObject创建新的js对象.
>使用new JsObject.jsify转换类似JSON的结构.

内容总结

以上是互联网集市为您收集整理的如何在Dart中使用javascript库amCharts？全部内容，希望文章能够帮你解决如何在Dart中使用javascript库amCharts？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/723222.html

来源：【匿名】