Ionic Framework 中的图表未显示

Question

我正在尝试使用 angular-chart.js 在我的 Ionic 应用程序中创建图表，当我将所需的代码添加到应用程序并在桌面上对其进行测试时，图表显示正确，但是当我构建应用程序时并在 phone 中测试它，本应是图表的整个页面变为空白并且不显示任何内容。

我尝试使用另一个 angular 插件来创建图表但结果相同，它们都使用 chart.js

您知道另一个与 Ionic 一起使用的 angular-chart 框架吗？或者知道问题出在哪里？

非常感谢您的帮助

Answer 1

在 Ionic 框架中包含样式 sheet 的方式在模拟器或移动设备中显示图表时存在缺陷。我正在 github.
中使用 Ionic 框架在图表上上传示例项目 1.Please 按照 github readme.md 文件中的步骤进行操作
2.Download 运行项目所需的文件
3.Having任何问题请回复

我认为你的项目的缺点是你包含 css 文件的方式

我是这样关注的

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link rel="stylesheet" href="lib/angular-chart.js/dist/angular-chart.css">
    <link href="css/style.css" rel="stylesheet">

Answer 2

I also had issues on android with Charts.js/angles.js, when testing using another useful set of ionic chart examples on github. Angular-nvD3, Highcharts or Google charts 可能是更好的选择。

Ionic Framework 中的图表未显示

Chart in Ionic Framework doesn't show up

mobile

angularjs

hybrid-mobile-app

ionic

chart.js