问题描述
我正在尝试以两种图表格式 ngx-chart-bar-vertical 和 ngx-chart-bar-horizontal 呈现数据
ngx-chart-bar-vertical 无论数据量多少都能正常工作。
但是当数据量很大时用ngx-chart-bar-horizontal
例如:
date = [
{name : "1",value : 1},{name : "2",//assume 4000 more such entry
{name : "4000",value : 1}
]
这是水平条形图HTML文件的配置
<ngx-charts-bar-horizontal [view]="chartSizeView"
[scheme]="chartColorScheme"
[results]="data"
[gradient]=false
[xAxis]=true
[yAxis]=true
[legend]=false
[showXAxisLabel]=false
[showYAxisLabel]=false>
</ngx-charts-bar-horizontal>
垂直条形图的配置
<ngx-charts-bar-vertical [view]="chartSizeView"
[scheme]="chartColorScheme"
[results]="data"
[gradient]=false
[xAxis]=true
[yAxis]=true
[legend]=false
[showXAxisLabel]=false
[showYAxisLabel]=false
>
</ngx-charts-bar-vertical>
上面代码中的变量有如下值
chartViewSize = null;
chartColorSchema = {
domain: ['#156484']
};
当我检查元素时,我发现的是
从屏幕截图中,您可以看到所有条形的变换都是恒定的,这就是它们相互折叠的原因。
但我不知道为什么?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)