ngx图表比例/范围值(单位)

时间:2019-03-15 10:04:12

标签: angular ngx-charts

根据所附的热图快照比例/范围显示数据值。需要以2140000为单位显示值,才能显示为2 GB。

代码示例- Pic 出口类应用{

//single: any[];
multi: any[];

// Size to be displayed 
view: any[] = [1000, 400];

// options

showXAxis = true;
showYAxis = true;
gradient = false;
showLegend = true;
showXAxisLabel = true;
xAxisLabel = 'Hour';
showYAxisLabel = true;
yAxisLabel = 'Days';

}

引用Plunker

2 个答案:

答案 0 :(得分:0)

这就是我的想法。

您可以在此类中添加后缀:

::ng-deep .scale-legend-label span:after {
  content: " GB";
}

但是要以其他单位显示值,您应该将已经计算出的值提供给热图:

在将数据传递到[结果]之前,执行将数据转换为GB的方法。

答案 1 :(得分:0)

我认为您需要将每个数据格式化为GB单位。然后,您的图例也会跟随这个单位。

实际上,有一些方法可以自定义您的图例,例如官方仓库或advanced-legend上的this one示例。

在正式回购中也再次有关于此的an opened issue

因此,暂时,我认为您应该将图表数据的格式设置为GB单位,以使图例遵循。或如上所示自定义图例,或等待正式发布。