angular - ng2-charts 中的范围条形图

Question

我需要为每周数据实现条形图，如下图所示。x 轴标签将是第 1 周、第 2 周、第 3 周等和每一天的条形图。我只想要每周分隔的简单条形图，不需要花哨的颜色或类似下图的任何东西。

在ng2-charts 条形图文档中，我每年看到 2 个条形图。那么我怎样才能每周实现多个酒吧

标签： angularng2-charts

Answer 1

不知何故，我能够通过更新文档中提到的示例来实现该功能。

我想要所有条的颜色相同，所以重复相同的颜色。不知道如何通过一次

  public barChartColors2: Color[] = [
    { backgroundColor: '#35A4E8' },
    { backgroundColor: '#35A4E8' },
    { backgroundColor: '#35A4E8' },
    { backgroundColor: '#35A4E8' },
    { 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, 23, 47], label: 'Tuesday' },
    { data: [71, 26, 53, 24], label: 'Wednesday' },
    { data: [51, 72, 33, 94], label: 'Thursday' },
    { data: [11, 32, 43, 54], label: 'Friday' },
    { data: [21, 42, 43, 44], label: 'Saturday' } 
    ];

Stackbliz 工作演示