ChartJS polarArea图表:启动时禁用数据

ia2d9nvy  于 2023-05-28  发布在  Chart.js
关注(0)|答案(1)|浏览(154)

我使用的是polarArea图表,并希望在默认情况下禁用某些标签。是否有可能在启动时禁用它们,但稍后可以通过用户单击重新启用?
下面是我的例子:https://jsfiddle.net/r0b67max/

var options = {
  type: 'polarArea',
  data: {
  labels: ["label1", "label2", "label3", "label4"],
  datasets: [{
    data: [10, 20, 30, 40],
    backgroundColor: ['red', 'blue', 'green', 'yellow'],
    label: 'Dataset 1', // die zweite und dritte Datenpunkte sind standardmäßig deaktiviert
  }]
}
}

在启动时,标签4应被停用。
我试过数据集中的隐藏属性。但是,这会禁用整个数据集,而不会禁用单个值。hidden as array在这里总是求值为true

ss2ws0br

ss2ws0br1#

我建议使用4.x版本(最新的major),但我认为API https://www.chartjs.org/docs/latest/developers/api.html#toggledatavisibility-index是在v3中实现的(我不知 prop 体是哪个minor)。
拥有更新的Chart.js版本,在创建图表之后,调用(chart =之前创建的图表示例)

chart.toggleDataVisibility(3); 
chart.update();

相关问题