Chart.js 如何在charjs中显示y轴上的条形图

Chart.js 如何在charjs中显示y轴上的条形图,chart.js,angular8,ng2-charts,Chart.js,Angular8,Ng2 Charts,我使用的是使用chartjs的ng2图表。角度版本是8.2.14。我必须显示条形图,但它们必须从Y轴而不是X轴开始。意味着图形应该从y轴开始生长。实现这一点的方法是什么?您必须在配置选项中将图表的类型定义为水平栏: var myBarChart=新图表(ctx、{ 键入:“水平线”, 数据:数据, 选项:选项 }); 或ng2图表的类型脚本: public barChartType: ChartType = 'horizontalBar'; 记住 水平条形图的配置选项与条形图相同。 但是,条

我使用的是使用chartjs的ng2图表。角度版本是8.2.14。我必须显示条形图,但它们必须从Y轴而不是X轴开始。意味着图形应该从y轴开始生长。实现这一点的方法是什么?

您必须在配置选项中将图表的
类型定义为
水平栏

var myBarChart=新图表(ctx、{
键入:“水平线”,
数据:数据,
选项:选项
});
或ng2图表的类型脚本:

public barChartType: ChartType = 'horizontalBar';
记住

水平条形图的配置选项与条形图相同。
但是,条形图中x轴上指定的任何选项都将应用于水平条形图中的y轴

下面是Stackblitz的一个例子:

导出类AppComponent{
公共条形图选项:图表选项={
回答:是的,
};
公共条形图标签:标签[]=['2006','2007','2008','2009','2010','2011','2012'];
public barChartType:ChartType='horizontalBar';
公共条形图图例=真;
公共条形图插件=[];
公共barChartData:ChartDataSets[]=[
{数据:[65,59,80,81,56,55,40],标签:'Series A'},
{数据:[28,48,40,19,86,27,90],标签:'Series B'}
];
构造函数(){}
恩戈尼尼特(){
}
}

参见Chart.js文档以获取参考:

谢谢。这正是我们需要的解决方案。我将实施它。