您好我刚开始使用谷歌图表,我发现第一列中的标签没有完全显示。我在 Angular 9.0.3 中使用这些图表,并以 ng2-google-charts 作为模块。我尝试更改宽度、高度和许多其他选项,但标签不显示。这是结果图表的图像。
图表的外观图像 -
这是我下面的代码
import { Component, OnInit } from '@angular/core';
import { GoogleChartInterface } from 'ng2-google-charts';
@Component({
selector: 'app-component',
templateUrl: './app.component.html'
})
export class GroupAnalysisPageComponent implements OnInit {
constructor() { }
timelineChart: GoogleChartInterface = {
chartType: 'Timeline',
dataTable: [
['Name', 'From', 'To'],
[ 'Washington',new Date(1789, 3, 29), new Date(1797, 2, 3) ],
[ 'Adams', new Date(1797, 2, 3), new Date(1801, 2, 3) ],
[ 'Jefferson', new Date(1801, 2, 3), new Date(1809, 2, 3) ]
],
options: {
'width': 1200,
'avoidOverlappingGridLines':false
},
};
}
这是我的模板
<div [hidden]="condition">
<google-chart [data]="timelineChart"></google-chart>
<div>