Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Chart.js隐藏图表中图例中的第一个标签_Javascript_Charts_Chart.js2 - Fatal编程技术网

Javascript 使用Chart.js隐藏图表中图例中的第一个标签

Javascript 使用Chart.js隐藏图表中图例中的第一个标签,javascript,charts,chart.js2,Javascript,Charts,Chart.js2,我已经创建了一个堆叠条形图,我必须隐藏第一个数据集的标签和它在图例中的框,即“总行”,是否仍要隐藏第一个或任何数据集的标签。我已经阅读了文档,选项中有一个过滤器,但它不起作用。 下面是图表的html和js var ctx=document.getElementById(“周长测量图”); var Totaline=[115、118、88、93、103、118、125] var总计=[1121158590100115122] var arms=[46,55,41,41,47,54,57] 变量颈

我已经创建了一个堆叠条形图,我必须隐藏第一个数据集的标签和它在图例中的框,即“总行”,是否仍要隐藏第一个或任何数据集的标签。我已经阅读了文档,选项中有一个过滤器,但它不起作用。

下面是图表的html和js
var ctx=document.getElementById(“周长测量图”);
var Totaline=[115、118、88、93、103、118、125]
var总计=[1121158590100115122]
var arms=[46,55,41,41,47,54,57]
变量颈部=[17,20,15,15,17,20,21]
var myChart=新图表(ctx{
类型:'bar',
数据:{
标签:[“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”],
数据集:[{
键入:“行”,
标签:'总行',
数据:总计,
填充:假,
边框颜色:[“#ff7899”],
传说:错,
pointBackgroundColor:#ff151f“,
点半径:8,
点半径:8,
pointHoverBackgroundColor:#990e14“,
pointHoverBorderColor:#6754d3
}, {
类型:'bar',
标签:“颈部”,
数据:颈部,
背景颜色:“e99449”,
hoverBackgroundColor:#d36d14“
}, {
类型:'bar',
标签:“武器”,
数据:武器,
背景色:“49bae9”,
hoverBackgroundColor:#0789bf
}, {
类型:'bar',
标签:“总计”,
数据:总计,
背景色:“6754d3”,
hoverBackgroundColor:#260cbd“
}
]
},
选项:{
图例:{
显示:对,
标签:{
显示:对,
箱宽:12,
}
},
回答:是的,
比例:{
xAxes:[{
对,,
网格线:{
显示:假
},
巴特希克内斯:25岁,
滴答声:{
显示:对,
fontFamily:“蒙特塞拉特”,
fontColor:#2c405a“,
字体大小:12
}
}],
雅克斯:[{
网格线:{
显示:假
},
滴答声:{
显示:假,
步长:10,
分:0,,
最高:150,
}
}]
}
}
});

使用选项下的筛选方法

options: {
  legend: {
    labels: {
      filter: function(legendItem, chartData) {

        // return true or false based on legendItem's datasetIndex (legendItem.datasetIndex)
      }
    }
  }
}
在您的情况下,第一个索引返回false,其余索引返回true

var ctx=document.getElementById(“周长测量图”);
var Totaline=[115、118、88、93、103、118、125]
var总计=[1121158590100115122]
var arms=[46,55,41,41,47,54,57]
变量颈部=[17,20,15,15,17,20,21]
var myChart=新图表(ctx{
类型:'bar',
数据:{
标签:[“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”],
数据集:[{
键入:“行”,
标签:'总行',
数据:总计,
填充:假,
边框颜色:[“#ff7899”],
传说:错,
pointBackgroundColor:#ff151f“,
点半径:8,
点半径:8,
pointHoverBackgroundColor:#990e14“,
pointHoverBorderColor:#6754d3
}, {
类型:'bar',
标签:“颈部”,
数据:颈部,
背景颜色:“e99449”,
hoverBackgroundColor:#d36d14“
}, {
类型:'bar',
标签:“武器”,
数据:武器,
背景色:“49bae9”,
hoverBackgroundColor:#0789bf
}, {
类型:'bar',
标签:“总计”,
数据:总计,
背景色:“6754d3”,
hoverBackgroundColor:#260cbd“
}
]
},
选项:{
图例:{
标签:{
过滤器:函数(legendItem、chartData){
如果(legendItem.datasetIndex==0){
返回false;
}
返回true;
}
}
},
回答:是的,
比例:{
xAxes:[{
对,,
网格线:{
显示:假
},
巴特希克内斯:25岁,
滴答声:{
显示:对,
fontFamily:“蒙特塞拉特”,
fontColor:#2c405a“,
字体大小:12
}
}],
雅克斯:[{
网格线:{
显示:假
},
滴答声:{
显示:假,
步长:10,
分:0,,
最高:150,
}
}]
}
}
});