小编cch*_*tor的帖子

访问React中的chart.js组件实例

我用于<Bar data={data} options={options}><Bar/>渲染。在选项对象中,我设置了图例 onClick 函数,但无法访问图表实例。我应该访问实例,因为应该访问图表 getDatasetMeta() 方法。遵循文档中的说明: https ://www.chartjs.org/docs/2.9.3/configuration/legend.html

function(e, legendItem) {
    var index = legendItem.datasetIndex;
    var ci = this.chart;
    var meta = ci.getDatasetMeta(index);

    // See controller.isDatasetVisible comment
    meta.hidden = meta.hidden === null ? !ci.data.datasets[index].hidden : null;

    // We hid a dataset ... rerender the chart
    ci.update();
}
Run Code Online (Sandbox Code Playgroud)

请告知是否有一种方法可以访问 Bar 的实例,而不是像这个 new Bar () 那样手动创建它。

例子:

function options() => ({
 legend: {
  onClick: function (e, legendItem){
   //Here I would like to set legend hidden  and some other things …
Run Code Online (Sandbox Code Playgroud)

javascript typescript reactjs chart.js

2
推荐指数
1
解决办法
3071
查看次数

标签 统计

chart.js ×1

javascript ×1

reactjs ×1

typescript ×1