angular - ngx 图表比例/范围值，以单位为单位

Question

根据附加的热图快照比例/范围显示数据值。需要以单位显示值，例如 2140000 显示为 2 GB。

代码示例—— 导出类 App {

//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

Answer 1

我认为您需要将每个数据格式化为 GB 单位。然后你的传奇也将跟随这个单元。

实际上，有一些方法可以自定义您的图例，例如官方 repo 上的这个高级图例示例或这个。

在官方回购中也有一个未解决的问题。

所以目前，我认为您应该将图表的数据格式化为 GB 单位，以使图例跟随。或者自定义图例如上图，或者等待官方功能。

Answer 2

这是我的想法。

您可以简单地为此类添加后缀：

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

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

在将数据传递给 [results] 之前，请执行一个将数据转换为 GB 的方法。