我有一个大约有60个x轴标签的数据集。我的折线图未在我的x轴上显示所有标签。
var ctx = this.refs.basicXYChart;
var config = {
type: 'line',
data: {
xLabels: Object.keys(result),
yLabels: Object.values(result),
datasets: [{
label: this.state.report.definition.name,
data: Object.values(result),
backgroundColor: 'rgba(154, 208, 245, 0.5)',
borderWidth: 1,
pointStyle: 'circle',
pointBackgroundColor: 'rgb(77, 172, 237)',
pointRadius: 5,
pointHoverRadius: 10,
borderWidth: 1,
borderColor: '#000000'
}]
},
options: {
scales: {
xAxes: [{
display: true,
scaleLabel: {
display: true,
labelString: this.props.X_label
}
}],
yAxes: [{
position: 'left',
display: true,
scaleLabel: {
display: true,
labelString: this.props.Y_label
}
}]
}
}
};
if(y_type == 'category'){
config.options.scales.yAxes[0]['type'] = 'category';
}
var myChart = new Chart(ctx, config);
我也想从0开始y轴
这在https://github.com/chartjs/Chart.js/issues/2801中解决。
scales: {
xAxes: [{
ticks: {
autoSkip: false
}
}]
}
可以在以下文档中找到:http : //www.chartjs.org/docs/latest/axes/cartesian/#tick-configuration
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句