angularjs - ngx-charts-line-chart 失败,无法读取未定义的属性“getColor”
问题描述
我正在设置折线图的简单示例,但由于未定义错误导致 getColor 失败。如果我删除 [results] 数据,图表会显示,但会因缺少数据而失败。不知道如何追踪这个问题?
使用 ngx-charts 12.0.1,我从https://github.com/marjan-georgiev/Angular-CLI-ngx-charts-Demo复制了示例代码,然后将第二个图表添加到主页,如下例所示。
我尝试删除尽可能多的变量以获得结果。
标签:
<div style="height: 100px">
<ngx-charts-line-chart
[view]="view"
[results]="single"
class="chart-container"
[scheme]="colorScheme"
[legend]="showLegend"
[gradient]="gradient"
[xAxis]="showXAxis"
[yAxis]="showYAxis"
[showXAxisLabel]="showXAxisLabel"
[showYAxisLabel]="showYAxisLabel"
[xAxisLabel]="xAxisLabel"
[yAxisLabel]="yAxisLabel"
(select)="onSelect($event)"
(activate)="onActivate($event)"
(deactivate)="onDeactivate($event)"
>
</ngx-charts-line-chart>
</div>
component data:
single: any[] = [
{
name: "Germany",
value: 8940000
},
{
name: "USA",
value: 5000000
},
{
name: "France",
value: 7200000
},
{
name: "Mars",
value: 720000
}
];
colorScheme = {
domain: ["#5AA454", "#A10A28", "#C7B42C", "#AAAAAA"]
};
Console Error with [results]:
ERROR TypeError: Cannot read property 'getColor' of undefined
at Object.eval [as updateDirectives] (LineSeriesComponent.html:14)
Console Error without [results]:
The chart is build on the page and, of course, empty. The following
error shows up when I click on any portion of the empty chart.
Error: <rect> attribute x: Expected length, "NaN".
platform-browser:1973
解决方案
推荐阅读
- crystal-reports - Crystal Reports 公式编辑器
- javafx - Github Actions - 由于意外错误导致工作流失败,可能是由于构建矩阵配置?
- python - 如何在 Windows 计算机上使用 opencv 说找不到编解码器
- python - 绕过将数字写入文件夹,而是直接写入 excel
- firebase - 如何从 Firebase TimeStamp [Flutter] 中检索时间?
- git - 在同一台机器上配置多个 GIT 帐户,一个使用 Gerrit,另一个使用 GitHub
- java - 当 hibernate.query.conventional_java_constants 设置为 false 时,带有枚举的 Hibernate QuerySyntaxException
- excel - 在 Excel 中将数组展平为单列
- maven - 如何配置 maven 以使用基于项目所在文件夹或依赖坐标中的存储库?
- null - 使用 Python 将 NULL 插入 SQL Server 列