问题标签 [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.

0 投票
1 回答
806 浏览

angular - ng2-charts 的问题

我正在尝试以角度 2 将图表添加到我的项目中,但找不到 chart.js 文件。这些是错误:

我将此添加到 systemjs.config.js 文件中:

我将它添加到 index.js 中:

并将其添加到 app.module 中:

请帮我修复它。

0 投票
1 回答
3047 浏览

ng2-charts - ng2-charts 条形图在条形末尾显示值

我正在使用 ng2-charts 来显示非常基本的图表。我正在使用水平条形图,我需要在条形末尾显示值。我不知道该怎么做? 看图片

以下是我的 html 和选项:

0 投票
2 回答
6778 浏览

angular - 在angular2中使用ng2图表的水平条形图

我是使用 ng2-charts 的新手,我想知道是否可以使用水平条形图?我只看到一个垂直条形图,但我不确定是否可以将其更改为包含水平条形图。我可以在 ng2-charts 中自定义条形图多远?

0 投票
1 回答
3542 浏览

json - 使用ng2-charts从angular2中的json对象加载图形数据

我目前有一个组件,我将在一个页面上显示多个图形,每个图形来自一个单独的 json 文件。我正在使用 ng2-charts 和 angular2,我不确定如何根据 json 数据加载我的图形,以及在一个组件中设置多个图形数据的最佳方法是什么。

这是我的 get 调用,它在我的组件文件中返回一个对象:

这是我在组件文件中加载图表的代码:

示例 json 数据:

我的 html - 使用 ng2-charts:

目前 - 我能够在控制台中看到我有一个标签数组,但由于某种原因,即使我已将返回的标签推送到barChartLabelshtml 中使用的数组中,它们也没有显示在图表上。

0 投票
1 回答
2579 浏览

angular - 我正在使用 Chart.js 并希望更改工具提示以根据时间戳输入显示日期格式

我正在使用带有 Angular2 的 Chart.js。我正在输入(x,y)坐标。其中 x 是时间戳,y 是不同的值。工具提示显示时间戳,而不是我想要查看的时间格式。在 pluncker 上,我已经完成了代码,请看一下并帮助我。使用 Angular2 为我的 char.js 代码插入 PLUNKER

我很难理解 x 轴如何显示时间。Chart.js 文档很糟糕而且很难理解,我所有的疑问都依赖于 stackoverflow。

这是打印日期的图表的选项。我无法理解在此处的工具提示选项中写什么。

0 投票
1 回答
3069 浏览

angular - ng2-charts 条形图不显示数据/图形标签

我在 angular2 中使用 ng2-charts 构建了一个水平条形图,但我不确定为什么我没有看到图形数据,也没有在控制台中看到任何错误。

HTML:

零件:

JSON文件:

服务文件:

接口类

更新

这是我到目前为止所拥有的 Plunker:https ://plnkr.co/edit/0GyFTkuqF7m8JhUKK6Kl?p=preview

标签未显示,但彩色水平条未正确定位。

0 投票
1 回答
4501 浏览

angular - Angular 2 ng2-charts 甜甜圈添加文本

我正在使用 基于chart.js 的 ng2-charts 。我正在尝试在圆环图中间添加文本,但无法设置文本或注册插件。任何人都可以帮忙吗?到目前为止,我发现了几个不完整的答案,如何在 javascript 中执行此操作,但我正在努力处理chart.js 的 angular 2 和 typescript 实现。

我的模板文件:

和 ts 文件:app.component.ts

0 投票
2 回答
248 浏览

angular - 如何在Angular 2中使用highchart从服务器加载数据?

这是我的图表组件,我想显示一个带有来自服务器的值的图表,但它不起作用,尽管它在 ngOnInit 上使用静态值我调用 web 服务,我将数据放在名为 dataa 的变量中,我在数据中调用它

console.log(data)= 返回 [0.1,0.4,0.2]

在此处输入图像描述

0 投票
1 回答
1533 浏览

angular - 在导入的图表数据上更改 ng2-charts 标签文本

我正在将数据导入图表(角度 2 中的 ng2-charts),并且正在从 json 文件加载数据。我想知道如何覆盖图表上的标签文本?

这是我所拥有的:https ://plnkr.co/edit/xr6xs6PmaF9iQ6DsRnHT?p=preview

在图的顶部,Label 0我想覆盖/更改该标签文本以说:Test Results我如何使用我当前的代码结构来做到这一点。

0 投票
1 回答
1188 浏览

angular - Angular 2 ng2-charts 甜甜圈添加水平线

这是与 链接有关的问题

我设法在圆环图中添加了文本,但我现在需要水平线来分隔图表内的文本。