有沒有辦法隱藏/自定義ChartJS上面的圖例？

Question

我在我的項目中使用ChartJS（更精確地說，Angular 2的ng2圖表建立在原始庫的頂部）。

我看到有一個選項：

傳說：假|真

不過，我覺得特別煩TOT能夠刪除的上傳說（描述中的每一行例如折線圖）。下面你可以看到我的意思：

我試着用

.chart-legend { 
    visibility: hidden; 
    display: none; 
} 

，其靈感來自Chartjs Legend Styling

，但我認爲適用於其他一些傳說（下圖例）。 有沒有辦法自定義/隱藏上面的圖例？

此外，是否有更改x/y軸標籤方向的選項？ （例如垂直顯示它們，而不是對角線）

Answer 1

創建圖表時，可以給它一組圖表選項。其中一個可能的選項是Legend Configuration。要隱藏圖例，只需使用這樣一個選項：

options: { 
    legend: { display: false } 
} 

雖然我沒有用NG2，圖表，通過documentation（特別是圖表示例）看，似乎你可以簡單地定義圖表圖例布爾像這樣的：

public lineChartLegend:boolean = true; 

然後將此值添加到圖表所示：

<base-chart class="chart" 
        ... 
        [legend]="lineChartLegend" 
        [chartType]="lineChartType" 
        ...></base-chart> 

最後，可能的原因爲何Chartjs傳說定型液不工作是它是爲chart.js v1.x設計的，而ng2-charts似乎與chart.js v2.x一起工作，這是對以前版本的一個重大改變。

希望這會有所幫助！