我这里有个突如其来的飞车-https://stackblitz.com/edit/d3-start-above-zero?embed=1&file=index.js&hideNavigation=1
这是一个带有一个条的超简单条形图
y轴显示0-200之间的值
条形图的值从50开始，到150结束，所以我想以这些值绘制条形图，以便条形图位于图形的中心。
我有点身高，但是无法固定y位置。
答案 0 :(得分：1)
您可以使范围从import { DatePipe } from '@angular/common';
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
name: 'dateFormat'
})
export class DateFormatPipe extends DatePipe implements PipeTransform {
transform(value: any, args?: any): any {
return super.transform(value, 'dd/MMM/yyyy h:mm a');
}
}
到0 ...
height ...或从scale.range([0, height])
到height ...
0 ...但是，这不会改变以下事实：在SVG中，scale.range([height, 0])
轴的坐标系从页面的顶部到底部。因此，矩形的y属性必须总是比y小。
话虽如此，您必须为height属性使用finish：
y这是更新的代码：https://stackblitz.com/edit/d3-start-above-zero-qnk7bl?file=index.js