ng2-chart中的范围条形图

问题描述

我需要为每周数据实现条形图,如下图所示。 x轴标签将分别为week1,week2,week3等,并以天为单位。我只想要每周间隔的简单条形图,不需要奇特的颜色或类似下面的图。

enter image description here

fetch('/method') .then(response=> response.text()) .then(res => { document.getElementById('id').innerHTML = res; }); bar chart documnetation中,我每年看到2条。那么我每周如何获得多个酒吧

enter image description here

解决方法

我可以通过更新文档中提到的示例来实现此功能。

我希望所有条形都具有相同的颜色,所以要重复相同的颜色。不确定如何一次全部通过

  public barChartColors2: Color[] = [
    { backgroundColor: '#35A4E8' },{ backgroundColor: '#35A4E8' },{ backgroundColor: '#35A4E8' }
    ];  

    public barChartData: ChartDataSets[] = [
    { data: [23,42,23,54],label: 'Sunday',stack:'a' },{ data: [91,22,53,84],label: 'Monday' },{ data: [51,62,47],label: 'Tuesday' },{ data: [71,26,24],label: 'Wednesday' },72,33,94],label: 'Thursday' },{ data: [11,32,43,label: 'Friday' },{ data: [21,44],label: 'Saturday' } 
    ];

async