Javascript Chart.js配置x轴以使空间不总是相等

Javascript Chart.js配置x轴以使空间不总是相等,javascript,ionic-framework,charts,chart.js,Javascript,Ionic Framework,Charts,Chart.js,createLineChart(){ this.lineChartEl=新图表(this.lineCanvas.nativeElement{ 键入:“行”, 数据:{ 标签:[10,11,17,18,19,23], 数据集:[ { 填充:是的, 背景颜色:“#C4CEE5”, 标签:“记录值”, 边框颜色:“#C4CEE5”, pointBorderColor:“#ffff”, pointBackgroundColor:“#ffff”, hoverBackgroundColor:“#C4CEE5

createLineChart(){
this.lineChartEl=新图表(this.lineCanvas.nativeElement{
键入:“行”,
数据:{
标签:[10,11,17,18,19,23],
数据集:[
{
填充:是的,
背景颜色:“#C4CEE5”,
标签:“记录值”,
边框颜色:“#C4CEE5”,
pointBorderColor:“#ffff”,
pointBackgroundColor:“#ffff”,
hoverBackgroundColor:“#C4CEE5”,
点半径:7,
边框样式:“方形”,
borderJoinStyle:“圆形”,
边框宽度:1.5,
线张力:0,
数据:[23,34,45,12,45,65],
borderDash:[],
borderDashOffset:0.0,
斯潘:错,
}]
},
选项:{
图例:{
显示:假,
位置:'顶部',
全宽:对,
},
scaleOverride:对,
比例:10,
刻度宽度:20,
scaleStartValue:0,
比例:{
雅克斯:[{
滴答声:{
建议马克斯:马克斯,
马克斯:4,
贝吉纳泽罗:是的,
填充:30
},
}],
xAxes:[{
滴答声:{
分:0,,
马克斯:5,
autoSkip:错误,
贝吉纳泽罗:是的,
},
时间:{
单位:'天',
单位步长:1,
显示格式:{
day:‘嗯’
},
},
网格线:{
显示:假,
抽边线:假,
颜色:'透明',
},
}]
},
},
});

};
你能提供一些代码,或者你想要实现的目标的例子吗(看起来你已经开始了!)@perfect5th我刚刚添加了一些代码,但是它不会运行,因为我必须重构。超级恼人的是,堆栈溢出不允许你发布新图片,因为它们显示了我想做得更好的东西!那是不可能的@Elise你必须创建自己的库,我想是这样的。