Question

我试图使用angular-chart.js在我的Ionic App中创建一个图表，当我将所需的代码添加到应用程序并在桌面上进行测试时，图表会正确显示但是当我构建应用程序时并在手机中测试整个页面应该是图表变成空白而且没有显示任何内容。

我尝试使用另一个角度插件来创建图表，但结果相同，两者都使用chart.js

你知道另一个适用于Ionic的角度图表框架吗？或者知道问题可能是什么？

非常感谢您的帮助

Answer 1

在Ionic框架中包含样式表的方式将具有在模拟器或移动设备中显示图表的缺点。我在github中使用Ionic框架在图表上上传了一个示例项目 1.请按照github的readme.md文件中的步骤进行操作 2.下载所需文件以运行项目
3.如有任何疑问，请回复

我认为你的项目的缺点是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进行测试时，使用Charts.js / angles.js

another useful set of ionic chart examples on github。 Angular-nvD3，Highcharts或Google charts可能是更好的选择。

Ionic Framework中的图表并未显示

2 个答案: