Javascript 分组条形图每个组在chart.js中的级别不同_Javascript_Arrays_Json_Bar Chart_Chart.js

Javascript 分组条形图每个组在chart.js中的级别不同

javascript arrays json chart.js

Javascript 分组条形图每个组在chart.js中的级别不同,javascript,arrays,json,bar-chart,chart.js,Javascript,Arrays,Json,Bar Chart,Chart.js,使用char。JS条形图，第一组车辆数据（燃油、EMI、服务），每个组有单独的标签如何拆分组和单独的标签 let randomScalingFactor = function(){ return Math.round(Math.random()*5000)}; return { labels: ["car","Recharge","Food","May","June","July"], datasets : [ {

使用char。JS条形图，第一组车辆数据（燃油、EMI、服务），每个组有单独的标签如何拆分组和单独的标签

let randomScalingFactor = function(){ return Math.round(Math.random()*5000)};
    return {
      labels: ["car","Recharge","Food","May","June","July"],
      datasets : [
            {
                fillColor : 'rgba(220,220,220,0.8)',
                data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor()],
        labels: ["fuel","Emi","service"],
            },
      {
                fillColor : [chartColors.white, chartColors.gossip, chartColors.blueStone, chartColors.surfieGreen, chartColors.silverTree, chartColors.gossip ],
                data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor()],
        labels: ["DTH","postpaid","prepaid"],
            },
            {
                fillColor : [chartColors.white, chartColors.gossip, chartColors.blueStone, chartColors.surfieGreen, chartColors.silverTree, chartColors.gossip ],
                data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor()],label: 'sadf'
            }

        ]         
    }

她的ref image

您没有看到工具提示标签的原因是您使用了错误的标签配置选项。该选项称为

label

not

labels

，只接受单个字符串（而不是字符串数组）。如果将字符串数组传递给

标签

，则chart.js只需为标签数组中的每个索引组合一个逗号分隔的字符串

话虽如此，我可以看到您正在尝试做什么，但不幸的是，使用Chart.js无法做到这一点。数据集始终表示每个类别标签的数据值。换句话说，数据集的

数据

数组中的每个索引映射到

标签

数组中的相同索引（在数据集外部定义）

这里有一个例子来说明我的意思

如您所见，每个数据集跨越所有类别（标签）。您不能有3个数据集用于“汽车”，3个数据集用于“充电”，等等。您最好将数据集不属于的类别的值设置为0，但这会使图形看起来非常混乱

下面是一个示例。