我正在使用chart.js,我跟随创建了一个自定义的超文本标记语言图例。问题是,隐藏/显示功能不起作用。第一次单击图例会隐藏整个图表,而单击其他图例则会产生错误:
Uncaught TypeError: Cannot read property '_meta' of undefined
at t.getDatasetMeta (Chart.min.self-b26766dbef822c075056eb7012dc36ae75970dc990497732f927d46ef6070858.js:11)
at HTMLLIElement.legendClickCall
我正在使用chart.js库开发一个web应用程序。当用户单击图例的复选框时,我尝试为图表添加自定义筛选器。但是,我不知道如何配置chart.js来调用我的自定义过滤器。
例如,下面是我的应用程序的图表
然后单击“温度”复选框,隐藏温度图表。
当我剪切温度的复选框时,Chart.js调用他默认的点击函数来过滤图表。
我已经定义了我自己的过滤器功能:
public newLegendClickHandler(e, legendItem) {
let index = legendItem.datasetIndex;
let ci = this.chart;
[ci.getDa
如何从Chart.js创建html图例以隐藏/显示图表的dataset,就像由Chart.js本身生成的图例一样
底部-> Chart.js图例的图例
右边的图例> HTML
如何在"SETOR AGILIZA“中单击并获得相对于它的dataset隐藏/显示
我在chat.js/core.legend.js 中找到了这段代码
onClick: function(e, legendItem) {
var index = legendItem.datasetIndex;
var ci = this.chart;