问题标签 [ng2-charts]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - ng2-charts 的问题
我正在尝试以角度 2 将图表添加到我的项目中,但找不到 chart.js 文件。这些是错误:
我将此添加到 systemjs.config.js 文件中:
我将它添加到 index.js 中:
并将其添加到 app.module 中:
请帮我修复它。
ng2-charts - ng2-charts 条形图在条形末尾显示值
我正在使用 ng2-charts 来显示非常基本的图表。我正在使用水平条形图,我需要在条形末尾显示值。我不知道该怎么做? 看图片
以下是我的 html 和选项:
angular - 在angular2中使用ng2图表的水平条形图
我是使用 ng2-charts 的新手,我想知道是否可以使用水平条形图?我只看到一个垂直条形图,但我不确定是否可以将其更改为包含水平条形图。我可以在 ng2-charts 中自定义条形图多远?
json - 使用ng2-charts从angular2中的json对象加载图形数据
我目前有一个组件,我将在一个页面上显示多个图形,每个图形来自一个单独的 json 文件。我正在使用 ng2-charts 和 angular2,我不确定如何根据 json 数据加载我的图形,以及在一个组件中设置多个图形数据的最佳方法是什么。
这是我的 get 调用,它在我的组件文件中返回一个对象:
这是我在组件文件中加载图表的代码:
示例 json 数据:
我的 html - 使用 ng2-charts:
目前 - 我能够在控制台中看到我有一个标签数组,但由于某种原因,即使我已将返回的标签推送到barChartLabels
html 中使用的数组中,它们也没有显示在图表上。
angular - 我正在使用 Chart.js 并希望更改工具提示以根据时间戳输入显示日期格式
我正在使用带有 Angular2 的 Chart.js。我正在输入(x,y)坐标。其中 x 是时间戳,y 是不同的值。工具提示显示时间戳,而不是我想要查看的时间格式。在 pluncker 上,我已经完成了代码,请看一下并帮助我。使用 Angular2 为我的 char.js 代码插入 PLUNKER。
我很难理解 x 轴如何显示时间。Chart.js 文档很糟糕而且很难理解,我所有的疑问都依赖于 stackoverflow。
这是打印日期的图表的选项。我无法理解在此处的工具提示选项中写什么。
angular - ng2-charts 条形图不显示数据/图形标签
我在 angular2 中使用 ng2-charts 构建了一个水平条形图,但我不确定为什么我没有看到图形数据,也没有在控制台中看到任何错误。
HTML:
零件:
JSON文件:
服务文件:
接口类
更新
这是我到目前为止所拥有的 Plunker:https ://plnkr.co/edit/0GyFTkuqF7m8JhUKK6Kl?p=preview
标签未显示,但彩色水平条未正确定位。
angular - Angular 2 ng2-charts 甜甜圈添加文本
我正在使用 基于chart.js 的 ng2-charts 。我正在尝试在圆环图中间添加文本,但无法设置文本或注册插件。任何人都可以帮忙吗?到目前为止,我发现了几个不完整的答案,如何在 javascript 中执行此操作,但我正在努力处理chart.js 的 angular 2 和 typescript 实现。
我的模板文件:
和 ts 文件:app.component.ts
angular - 在导入的图表数据上更改 ng2-charts 标签文本
我正在将数据导入图表(角度 2 中的 ng2-charts),并且正在从 json 文件加载数据。我想知道如何覆盖图表上的标签文本?
这是我所拥有的:https ://plnkr.co/edit/xr6xs6PmaF9iQ6DsRnHT?p=preview
在图的顶部,Label 0
我想覆盖/更改该标签文本以说:Test Results
我如何使用我当前的代码结构来做到这一点。
angular - Angular 2 ng2-charts 甜甜圈添加水平线
这是与 链接有关的问题
我设法在圆环图中添加了文本,但我现在需要水平线来分隔图表内的文本。