我正在使用chart.js,我跟随创建了一个自定义的超文本标记语言图例。问题是,隐藏/显示功能不起作用。第一次单击图例会隐藏整个图表,而单击其他图例则会产生错误:
Uncaught TypeError: Cannot read property '_meta' of undefined
at t.getDatasetMeta (Chart.min.self-b26766dbef822c075056eb7012dc36ae75970dc990497732f927d46ef6070858.js:11)
at HTMLLIElement.legendClickCall
如何从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
我有一张chart.js的雷达图。目前,它加载了所有的数据,这很好用,并且支持图例的行为通过单击图例标签来切换与图例表关联的数据。我想要能够点击图例标签,然后它会关闭所有其他选项,并可能引入一个“全部”选项?这可以用chart.js实现吗?
下面是我的图表现在的样子:
var chartata = {
labels: [
"Strategic Development and Ownership",
"Driving change through others",
"Exec Disposition",
"Commercial A
在一个新的成员3.28副词项目中:
npm install chart.js --save
ember g component-class chart
将<Chart />插入虚拟应用程序的application.hbs中,并在加载项/component/chart.js中添加以下内容
import Chart from 'chart.js/auto';
运行中的应用程序提供:
Uncaught Error: Could not find module `chart.js/auto` imported from `chartjs-test/components/ch