angular - ng2-charts 中的堆积条形图

标签 angular typescript charts stacked-chart ng2-charts

我已经查看了ng2-charts的文档但我找不到像 Stacked Bar 这样的东西。在 ng2-charts 中还有其他方法可以实现堆叠条形图吗?请帮帮我

最佳答案

绝对支持,它记录在 chart.js documentation .您只需使用 datasets 对象上的 stack 属性定义哪些数据集堆叠在一起:

public barChartData: ChartDataSets[] = [
  { data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A', stack: 'a' },
  { data: [28, 48, 40, 19, 86, 27, 90], label: 'Series B', stack: 'a' }
];

查看此 stackblitz例如。

关于angular - ng2-charts 中的堆积条形图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55234338/

相关文章:

angular - 如何在 Angular 应用程序中使用路由更改页面标题?

angular - 如何从 Firebase 存储中获取图像并在 Angular 2 ngFor 中显示它们

angular - node_modules/rxjs/主题 "' has no exported member ' 主题'

reactjs - 在点击处理程序中获取属性值?

javascript - 具有单个值的 Highcharts 饼图(以 % 表示)

javascript - 尝试测试 RxJS 间隔时未定义的值

Javascript(Typescript)嵌套for循环更新所有元素,而不仅仅是内部循环

javascript - 如何从给定 URL 中的 JSON 数据读取 'extract' 字段

reporting-services - 瀑布 - PowerBI 中的自定义排序?

excel - 重新排序图表数据系列