如何使用 web 视图(chart.js)在 android 电视中显示图表

Posted

技术标签:

【中文标题】如何使用 web 视图(chart.js)在 android 电视中显示图表【英文标题】:How to display chart in android tv using web view(chart.js) 【发布时间】:2019-09-15 14:52:45 【问题描述】:

我想使用 chart.js 库在 android tv 的 webview 中显示图表。 我的问题是 html 文件是通过 android tv 或 tv-emulator 中的 webview 加载的,但我认为由于画布,图表未显示在页面中。我在 HTML 页面中显示内容

例如:h1> Hello world/h1>

上面的例子显示在 android tv 中。但是当我使用未显示的画布标签时。有没有办法在网络视图中显示图表。

【问题讨论】:

【参考方案1】:

我怀疑您的电视可能不兼容 HTML5; <canvas> 标签需要 HTML5 - 但是您可以将图形导出到图像并将其导入页面(它会失去动态变化,只是静态图像) - 您需要在这个小提琴中做类似的事情:http://jsfiddle.net/KSgV7/585/ 他生成图像并将其显示在屏幕上(这不是我的小提琴)。

祝你好运!

【讨论】:

以上是关于如何使用 web 视图(chart.js)在 android 电视中显示图表的主要内容,如果未能解决你的问题,请参考以下文章

图表未显示在Django应用程序的Web页面上(使用Chart.js)

在 Node.js 中显示 Chart.js 图表

如何使用 Webpack 导入 Chart.js

web页面 chart.js 怎样在折线图的点上显示对应数值?

如何在 chart.js 2.9.3 中使用主要刻度线?

如何在 chart.js 中使用 JSON 数据?