如何从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
我刚刚在条形图中添加了一个图表onclick函数,它允许我根据点击的条形图采取行动-效果很好-但是(你知道有一个但是)它禁用了正常的图例onclick函数a。我如何才能同时拥有onclick功能?
我猜这可能类似于从图表onclick函数中调用图例onclick回调函数,但细节超出了我目前的了解。
我做到了这一点,但不确定调用默认处理程序的参数应该是什么。
var defaultLegendClickHandler = Chart.defaults.global.legend.onClick;
function YrChartClick(event, YCarray)
{
if
我正在使用chart.js库开发一个web应用程序。当用户单击图例的复选框时,我尝试为图表添加自定义筛选器。但是,我不知道如何配置chart.js来调用我的自定义过滤器。
例如,下面是我的应用程序的图表
然后单击“温度”复选框,隐藏温度图表。
当我剪切温度的复选框时,Chart.js调用他默认的点击函数来过滤图表。
我已经定义了我自己的过滤器功能:
public newLegendClickHandler(e, legendItem) {
let index = legendItem.datasetIndex;
let ci = this.chart;
[ci.getDa