问题标签 [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 回答
2496 浏览

tooltip - ng2-chart.js 工具提示总是显示

如何使用 ng2-chart 设置工具提示始终可见?在 char.js 是选项 showTooltips: true,但我找不到 ng2-chart 解决方案。

0 投票
5 回答
49697 浏览

angular - 如何更改 ng2 图表的颜色?

我已将 ng2-charts 添加到我的项目中并显示 2 个图表 - 圆环图和条形图。自从我添加以来,两者都显示为灰色

component.template.html, 和

component.ts.

是否需要任何其他包导入来更改颜色或设置错误?

Chromes html 检查器显示以下呈现的 html 输出:

0 投票
1 回答
2313 浏览

javascript - Angular 2 Chart.js 和 NG2-Charts 更新到项目后未绑定数据对象

我一直在使用此处找到的入门项目在 Angular-2 中开展一个项目,

该项目运行良好,直到我对我的环境和项目进行了一些更新。现在数据对象不会绑定。似乎charts.js 没有正确导入到项目中。

我确实在文档中看到了这里它声明将charts.js文件嵌入到html文件中。这在示例中通过将 node_modules 添加到 src 来完成。我的印象是这是一个巨大的不,不!我确实尝试过,但在以这种方式引用时无法让应用程序公开文件。

当前版本

更新到之后

我开始遇到错误。我继续将所有内容更新到最新版本,希望这可以清除它们。更新后似乎没有将 Charts.js 导入到项目中。在更新 angular-cli 之前,图表显示良好。现在我已经更新了所有内容,即使回滚似乎也无法解决问题。

基本上,在我的 component.ts 文件中我将数据对象绑定到图表的任何地方,它都会给我错误提示数据对象不是基本图表的已知属性。我相信这是一个版本控制问题,更新后没有正确导入到项目中。

我在 angular-cli.json 中导入这样的图表

然后在 app.module.ts

我正在运行的当前版本,

以下是一些错误,

0 投票
10 回答
54578 浏览

javascript - NG2-Charts 无法绑定到“数据集”,因为它不是“画布”的已知属性

我正在尝试使用 NG2-Charts 的基本示例(http://valor-software.com/ng2-charts/

我复制粘贴了 HTML 部分

和 TypeScript 部分

我跑npm install ng2-charts --savenpm install chart.js --save然后typings install dt~chart.js --save --global

我还在 vendor.ts 文件中导入了 chart.js

我的依赖:

这是错误

NG2-Charts 网站说我需要将其包含在 HTML 中

但我认为这是不正确的,因为该声明如何在高效的缩小/构建应用程序中起作用?我还认为我的 webpack 导入语句已经解决了这个问题?我四处搜索,但遗憾的是只在 NG2 Charts 上找到了一些 Angular 2 Beta 版本的东西。

有谁知道如何解决这个问题?

谢谢和干杯,拉斐尔·希佩

0 投票
1 回答
7786 浏览

javascript - ng2-charts\ng2-charts.js 不导出 ChartsModule

我正在尝试使用 NG2-Charts 的基本示例(http://valor-software.com/ng2-charts/

我复制粘贴了 HTML 部分

和 TypeScript 部分

我运行 npm install ng2-charts --save,npm install chart.js --save

我还在 app.module.ts 中导入 ChartsModule

导入 ChartsModule 后,我收到ng2-charts\ng2-charts.js 不导出 ChartsModule 的错误。 点击查看错误图片

有谁知道如何解决这个问题?谢谢

0 投票
2 回答
3125 浏览

javascript - chart.js:4 Uncaught ReferenceError: require is not defined in ionic 2

我正在尝试使用 NG2-Charts 的基本示例(http://valor-software.com/ng2-charts/

在其 github 存储库 ( https://github.com/valor-software/ng2-charts ) 中提到:

重要提示:在应用程序中嵌入 Chart.js 是强制性的!

但是当我嵌入这个脚本时它显示一个错误

chart.js:4 Uncaught ReferenceError: 要求未定义

有谁知道如何解决这个问题?谢谢

0 投票
2 回答
3838 浏览

angular - 在 ng2 图表中隐藏未使用的轴

我正在使用两个 Y 轴(左右)当我为其中一个隐藏所有使用的数据集时,刻度(轴标签)变为 1 到 -1。

我想在不使用时隐藏轴或标签,有什么想法吗?

隐藏前: 使用两个 Y 轴

隐藏后: 右 Y 轴已更改 - 未使用

选项>比例:

在文档中没有找到任何东西。

0 投票
1 回答
1173 浏览

angular - ng2-charts 不适用于 angularjs2 webpack

我正在尝试将 ng2-charts 与 angularjs 2 一起使用:

在 app.ts 中:

我的文件html:

在 webpack.config.js 中别名:{ 'ng2-charts': 'node_modules/ng2-charts' }

浏览器中或执行 npm test 时的错误是:

0 投票
1 回答
942 浏览

angular - ng2-chart :在循环中添加标签可防止图形加载

我正在尝试使用 ng2-charts 获取图表来显示我的数据。使用模型数据一切正常,但是当我尝试遍历父组件传递的数组时,图形本身不会显示,只有正交标记,控制台中没有任何内容。我已将问题缩小到标签数组:如果您删除 LineChartComponent 中的注释行,它就可以工作。

这是我的代码:

注意:没有一个数组是未定义的。两者都具有良好的结构,包含我的所有数据并具有适当的打字。此外,Data.date返回一个字符串。

什么可能导致这种行为?

谢谢 !

0 投票
1 回答
310 浏览

angular - Ionic 2 - ng2-chartjs2 在浏览器上工作但不在设备上

我设法在我的 ionic2 应用程序中实现了 ng2-chartjs2。当我在浏览器上运行它时(即 ionic serve 或 ionic run android -l -c),它运行良好,但是当我在设备上尝试它(即 ionic run android)时,它只是显示一个空白页面。

我已经在我的仓库中上传了工作示例项目

任何帮助,将不胜感激。谢谢。

仍然期待有人解决这个问题。