Chartjs仅显示第一个和最后一个x轴标签

裘德·尼罗山(Jude Niroshan)

我有一个大约有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轴

本尼·辛里克斯(Benny Hinrichs)

这在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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

matplotlib没有在条形图的x轴上显示第一个标签

仅循环第一个和最后一个元素

AngularJs显示过滤列表的第一个和最后一个

仅显示使用nth-child的第一个,第二个和最后一个孩子?

仅显示产品分类的第一个和最后一个术语

X轴标签左对齐,X轴上的第一个刻度文本

减少ndarray的第一个维度-保留第一个和最后一个元素

在图表上仅显示第一个和最后一个y轴标签

嵌套v-for仅显示Vue中第一个元素的最后一个子元素

仅在Highcharts中显示第一个和最后一个xAxis标签

仅使用Mpchart在android中显示的第一个和最后一个标签

将x轴标签添加到mpandroid条形图仅显示数组列表中的第一个标签

在scale_x_datetime中设置date_breaks时,保留第一个和最后一个中断标签

移除y轴的第一个标签

awk在逗号分隔的字段上仅保留第一个和最后一个值

Jassor:显示箭头的第一个和最后一个图像

Javascript替换第一个和最后一个字体标签

Flot Chart-如何使用minTickSize在x轴上显示第一个和最后一个月:[2,“ month”]

HTML / CSS仅适用于第一个和最后一个目标

使用“ sed”仅替换第一个和最后一个匹配项

Elasticsearch,仅索引第一个和最后一个字母,'abc'=>'a''c'

sed仅替换行中的第一个和最后一个空格

xslt 检查标签中的第一个和最后一个值是否相等

Ruby 开关,只显示第一个和最后一个

正则表达式替换html标签中的第一个和最后一个空格

为什么省略了最后一个 x 轴标签?

如何选择轴中的第一个和最后一个刻度标签并定义它之间的主要刻度数?

JavaFX - 仅样式第一个和最后一个选项卡

标签角显示第一个标签