如何从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;
当带边框的chart.js饼图(v2.5.0)中的所有图例都被隐藏时。将保留一条线(边框)。有没有办法在禁用所有图例的情况下删除边框或清除饼图? 当所有图例都隐藏时,尝试在图例上单击How can I remove the white border from Chart.js pie chart?,但它仅在下一次事件更改后才在渲染中反映。 when all legends are visible When all legends are hidden
我正在使用chart.js库开发一个web应用程序。当用户单击图例的复选框时,我尝试为图表添加自定义筛选器。但是,我不知道如何配置chart.js来调用我的自定义过滤器。
例如,下面是我的应用程序的图表
然后单击“温度”复选框,隐藏温度图表。
当我剪切温度的复选框时,Chart.js调用他默认的点击函数来过滤图表。
我已经定义了我自己的过滤器功能:
public newLegendClickHandler(e, legendItem) {
let index = legendItem.datasetIndex;
let ci = this.chart;
[ci.getDa
我从一位前同事那里学到了一个项目,但对javascript和/或chart.js一无所知,我正在努力学习。 我被邀请参与图像中的图形/图例-红色环。 问题是chartjs json字符串/结构被分成多个独立的变量,这使得它很难理解--还给出了代码示例。我尝试更改"options“字符串,例如options: {legend: {display:false }},但它仍然显示。 标记为红色的部分实际上是图例的一部分,还是图表上的其他部分 Image showing what I need to hide