angular - Angular 6中泳道图表中的日期格式问题
问题描述
我想将日期类型与字符串类型进行比较,并使用 Angular 6 中的泳道折线图在图表中绘制相同的内容。问题是如果我在 x 轴上绘制日期字段,它工作正常。但是,如果我在 y 轴上绘制它,它就不能按预期工作。它显示为 1,520,000,000,00..
我也尝试过使用 YAxisTickFormatting,但它也没有产生预期的结果。https://stackblitz.com/edit/angular-drzddd?file=src%2Fapp%2Fapp.component.ts
html:
<ngx-charts-line-chart [animations]="false" [scheme]="lineChartColor" [results]="lineChartData" [xAxis]="true" [yAxis]="true"
[showXAxisLabel]="true" [xAxisLabel]="'Name'" [showYAxisLabel]="true" [yAxisLabel]="'Date'" [roundDomains]="true" [yAxisTickFormatting]="dateTickFormatting"
[autoScale]="true"></ngx-charts-line-chart>
打字稿:
dateTickFormatting(val: any): String {
if (val instanceof Date) {
var options = { month: 'long' };
return (<Date>val).toLocaleString();
}
}
如何解决这个问题?
解决方案
推荐阅读
- javascript - 如何解构对象的属性和属性的属性。ES6 Javascript
- html - 当我有一个“位置:固定;”时该怎么办?标题和图像滑块“位置:相对;” 就在标题下方?
- python - BeautifulSoup,访问 css 值 |
- sql - 有没有办法使用相同的查询显示记录?
- reactjs - 反应不允许我推动两个元素
- python - 每次在 Python 中运行代码时,如何以相同的顺序随机化 pandas 列?
- android-studio - 如何使recyclerview宽度大于布局宽度?
- angularjs - TypeError: var_date.getFullYear 不是函数,在函数中调用 getFullYear
- sql - SQL Server:没有循环的排列/组合
- graph - SumoLogic:我可以有最小/最大差异的图表吗?