【问题标题】:Chart in Ionic Framework doesn't show up离子框架中的图表不显示
【发布时间】:2015-11-21 23:22:39
【问题描述】:

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

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

你知道另一个使用 Ionic 的角图框架吗?或者知道问题可能是什么?

非常感谢您的帮助

【问题讨论】:

  • 你能分享你尝试过的代码吗?
  • 你检查过github中的示例项目吗

标签: angularjs mobile ionic hybrid-mobile-app chart.js


【解决方案1】:

I also had issues on android 与 Charts.js/angles.js,在使用 another useful set of ionic chart examples on github 进行测试时。 Angular-nvD3HighchartsGoogle charts 可能是更好的选择。

【讨论】:

    【解决方案2】:

    在 Ionic 框架中包含样式表的方式将存在在模拟器或移动设备中显示图表的缺点。我正在使用 github 中的 Ionic 框架在 Charts 上上传示例项目。
    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">
    

    【讨论】:

    • 参考请看link
    • 感谢 anil,我检查了 github 中的项目,它帮助我发现问题不在于 angular-chart.js 框架,我遇到了路由问题(仍然不知道什么),但我添加了 $state.go 以转到图表所在的部分,并且效果很好。非常感谢
    猜你喜欢
    • 1970-01-01
    • 2018-08-11
    • 2016-11-18
    • 1970-01-01
    • 1970-01-01
    • 2019-01-13
    • 2015-07-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多