angular - 如何将 NG2 图表的某些选项绑定到某些控件
问题描述
我有以下 NG2 图表:
<canvas baseChart [datasets]="cpuData" [options]="cpuChartOptions" chartType="line"> </canvas>
它具有以下图表选项:
public cpuChartOptions: ChartOptions = {
title: {
text: 'CPU usage',
display: true,
},
scales: {
xAxes: [
{
type: 'time',
time: {
unit: 'second',
},
},
],
yAxes: [
{
type: 'linear',
scaleLabel: {
display: true,
labelString: 'CPU (%)',
},
stacked: true,
},
],
},
responsive: true,
tooltips: {
enabled: true,
},
};
我希望能够有一个可以绑定在 cpuChartOptions.scales.yAxes[0].stacked
.
我首先尝试创建一个通过切换按钮调用的方法:
public toggleStacked(chartOptions: ChartOptions) {
chartOptions.scales.yAxes[0].stacked = !chartOptions.scales.yAxes[0].stacked;
//this.cpuChartOptions.scales.yAxes[0].stacked = !this.cpuChartOptions.scales.yAxes[0].stacked; --> Doesn't work either
//this.cpuChartOptions = this.cpuChartOptions; -->Doesn't help
}
是否可以更改/更新图表选项?
解决方案
推荐阅读
- python - 带有来自两个单独数据框的聚合数据的 Pandas 数据透视表
- procedural - (Ue4)如何获得网格上的四个角
- javascript - 在 Google Apps 脚本中将图片插入到警报弹出窗口
- excel - Excel VBA到Word文档删除最后一行
- haskell - 为什么我的包的 Hackage Matrix Builder 不正确?
- python - 将变量保存到文本文件不起作用
- java - 在 Intellij 上执行 Jboss 的权限被拒绝
- apache-spark - Spark Graphx 将层次数据从叶子扁平化到根
- installation - Power BI Enterprise Gateway 安装 - 无法联系网关服务
- redirect - BlazorServer 授权应重定向到 Azure SSO 页面