如何在NG2图表中提供组堆栈？

在原始Chart.js中，数据集结构有一个名为stack的属性，可用于分别堆叠数据集组。如何在NG2图表中提供组堆栈？

“堆：字符串的组的ID到该数据集属于（当堆叠时，每个基团将是一个单独的堆栈）”

我试图在NG2-图表像这样做的：

public barChartData: any[] =[ 
{ 
data: [], 

label: 'Label', 

type: 'bar', 

stack: '1' 
} 
]

但没有做任何事情。

以下是ng2-charts中的数据集属性： datasets（Array < {data：Array | number []，label：string}>） - data see about，图例中出现的数据集的标签和工具提示

是否存在单独堆叠组的方法？

谢谢！

来源

2017-04-13 abann sunny

你说的是正确的文件说，我试图做同样的事情。我想这是一个例子，它应该工作，根据链接：http://www.chartjs.org/docs/latest/charts/bar.html 在我的.ts：

public barChartData:any[]=[ 
{data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A', stack: '1'}, 
{data: [28, 48, 40, 19, 86, 27, 90], label: 'Series B', stack: '1'}, 
{data: [42, 24, 71, 14, 31, 49, 30], label: 'Series C', stack: '2'} 
]; 

public barChartLabels:string[] = ['2006', '2007', '2008', '2009', '2010', '2011', '2012']; 

public barChartOptions:any = {   
    responsive: true, 
    scales:{ 
     xAxes:[{ 
      stacked:true 
     }], 
     yAxes:[{ 
      stacked:true 
     }] 
    } 
    }; 
    public barChartType:string = 'bar';

在我的HTML：

<canvas id="chart1" baseChart 
      [datasets]="barChartData" 
      [labels]="barChartLabels" 
      [options]="barChartOptions" 
      [chartType]="barChartType" 
      (chartHover)="chartHovered($event)" 
      (chartClick)="chartClicked($event)"></canvas>

我发现chart.js之的这个样本分组堆栈栏。不幸的是这是显而易见JS：https://github.com/chartjs/Chart.js/blob/master/samples/charts/bar/stacked-group.html

编辑：用我上面的代码，做NPM安装[email protected] --save - >直接为我工作

我发现这个解决方案，同时检查是否是栈创建栏时检查。他们没有在我目前的版本。

来源

2017-06-02 07:11:08 Patafikss

如何在NG2图表中提供组堆栈？

回答

相关问题