Chart.js 有没有办法隐藏/自定义ChartJS';传奇之上?

Chart.js 有没有办法隐藏/自定义ChartJS';传奇之上?,chart.js,ng2-charts,Chart.js,Ng2 Charts,我在我的项目中使用了ChartJS(更确切地说,是在原始库的基础上构建的Angular 2的ng2图表) 我看到有一个选择: 图例:假|真 然而,我发现能够删除上部图例(例如,它描述了折线图中的每一行)尤其令人讨厌。下面你可以明白我的意思: 我试过了 .chart-legend { visibility: hidden; display: none; } 灵感来自 但我认为这适用于其他一些传说(底部传说)。 有没有办法自定义/隐藏上部图例 另外,是否有更改x/y轴标签方向的选项?(例

我在我的项目中使用了ChartJS(更确切地说,是在原始库的基础上构建的Angular 2的ng2图表)

我看到有一个选择:

图例:假|真

然而,我发现能够删除上部图例(例如,它描述了折线图中的每一行)尤其令人讨厌。下面你可以明白我的意思:

我试过了

.chart-legend {
  visibility: hidden;
  display: none;
}
灵感来自

但我认为这适用于其他一些传说(底部传说)。 有没有办法自定义/隐藏上部图例


另外,是否有更改x/y轴标签方向的选项?(例如,垂直显示,而不是对角显示)

创建图表时,可以为其提供一组图表选项。其中一个可能的选择是。要隐藏图例,只需使用如下选项:

options: {
    legend: { display: false }
}
虽然我没有使用ng2图表,但通过查看(特别是图表示例),您似乎可以简单地定义如下图表图例:

public lineChartLegend:boolean = true;
   <base-chart class="chart"
                   ...
                   [legend]="lineChartLegend"
                   [chartType]="lineChartType"
                   ...></base-chart>
然后将此值添加到图表中,如下所示:

public lineChartLegend:boolean = true;
   <base-chart class="chart"
                   ...
                   [legend]="lineChartLegend"
                   [chartType]="lineChartType"
                   ...></base-chart>

最后,Chartjs Legend样式化解决方案不起作用的可能原因是,它是为chart.js v1.x设计的,而ng2 charts似乎与chart.js v2.x配合使用,这是对上一版本的重大更改

希望这有帮助

将其添加到选项中(ng2图表中的[options])起到了作用。非常感谢。