Angular nvd3 HorizontalBarChart在barLine和holizontalLine中显示不同格式

import { Component } from '@angular/core';

@Component({
  selector: 'app-bar-chart',
  template: `
    <nvd3 [options]="options" [data]="data"></nvd3>
  `,
})
export class BarChartComponent {
  options = {
    chart: {
      type: 'multiBarHorizontalChart',
      height: 450,
      x: function (d) { return d.label; },
      y: function (d) { return d.value; },
      showControls: true,
      showValues: true,
      duration: 500,
      xAxis: {
        showMaxMin: false
      },
      yAxis: {
        axisLabel: 'Value',
        tickFormat: function (d) {
          return d3.format(',.2f')(d);
        }
      }
    }
  };

  data = [
    {
      key: 'Bar Line',
      values: [
        { label: 'Category 1', value: 10 },
        { label: 'Category 2', value: 20 },
        { label: 'Category 3', value: 30 }
      ]
    },
    {
      key: 'Horizontal Line',
      values: [
        { label: 'Category A', value: 15 },
        { label: 'Category B', value: 25 },
        { label: 'Category C', value: 35 }
      ]
    }
  ];
}