问题标签 [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.
tooltip - ng2-chart.js 工具提示总是显示
如何使用 ng2-chart 设置工具提示始终可见?在 char.js 是选项 showTooltips: true,但我找不到 ng2-chart 解决方案。
angular - 如何更改 ng2 图表的颜色?
我已将 ng2-charts 添加到我的项目中并显示 2 个图表 - 圆环图和条形图。自从我添加以来,两者都显示为灰色
到component.template.html
, 和
到component.ts
.
是否需要任何其他包导入来更改颜色或设置错误?
Chromes html 检查器显示以下呈现的 html 输出:
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
我正在运行的当前版本,
以下是一些错误,
javascript - NG2-Charts 无法绑定到“数据集”,因为它不是“画布”的已知属性
我正在尝试使用 NG2-Charts 的基本示例(http://valor-software.com/ng2-charts/)
我复制粘贴了 HTML 部分
和 TypeScript 部分
我跑npm install ng2-charts --save
,npm install chart.js --save
然后typings install dt~chart.js --save --global
我还在 vendor.ts 文件中导入了 chart.js
我的依赖:
这是错误
NG2-Charts 网站说我需要将其包含在 HTML 中
但我认为这是不正确的,因为该声明如何在高效的缩小/构建应用程序中起作用?我还认为我的 webpack 导入语句已经解决了这个问题?我四处搜索,但遗憾的是只在 NG2 Charts 上找到了一些 Angular 2 Beta 版本的东西。
有谁知道如何解决这个问题?
谢谢和干杯,拉斐尔·希佩
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 的错误。 点击查看错误图片
有谁知道如何解决这个问题?谢谢
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: 要求未定义
有谁知道如何解决这个问题?谢谢
angular - 在 ng2 图表中隐藏未使用的轴
我正在使用两个 Y 轴(左右)当我为其中一个隐藏所有使用的数据集时,刻度(轴标签)变为 1 到 -1。
我想在不使用时隐藏轴或标签,有什么想法吗?
隐藏前: 使用两个 Y 轴
隐藏后: 右 Y 轴已更改 - 未使用
选项>比例:
在文档中没有找到任何东西。
angular - ng2-charts 不适用于 angularjs2 webpack
我正在尝试将 ng2-charts 与 angularjs 2 一起使用:
在 app.ts 中:
我的文件html:
在 webpack.config.js 中别名:{ 'ng2-charts': 'node_modules/ng2-charts' }
浏览器中或执行 npm test 时的错误是:
angular - ng2-chart :在循环中添加标签可防止图形加载
我正在尝试使用 ng2-charts 获取图表来显示我的数据。使用模型数据一切正常,但是当我尝试遍历父组件传递的数组时,图形本身不会显示,只有正交标记,控制台中没有任何内容。我已将问题缩小到标签数组:如果您删除 LineChartComponent 中的注释行,它就可以工作。
这是我的代码:
注意:没有一个数组是未定义的。两者都具有良好的结构,包含我的所有数据并具有适当的打字。此外,Data.date
返回一个字符串。
什么可能导致这种行为?
谢谢 !
angular - Ionic 2 - ng2-chartjs2 在浏览器上工作但不在设备上
我设法在我的 ionic2 应用程序中实现了 ng2-chartjs2。当我在浏览器上运行它时(即 ionic serve 或 ionic run android -l -c),它运行良好,但是当我在设备上尝试它(即 ionic run android)时,它只是显示一个空白页面。
任何帮助,将不胜感激。谢谢。
仍然期待有人解决这个问题。