javascript - Chart.js 删除第一条垂直线

标签 javascript reactjs charts chart.js react-chartjs

有没有办法在不删除值的情况下从图表中删除初始垂直线? chart.js remove vertical line

这是我的选项:

scales: {
        yAxes: [{
            ticks: {
                beginAtZero: true,
                maxTicksLimit: 5,
                suggestedMax: maxValue
            }
        }],
        xAxes : [{
            categoryPercentage: 1.0,
            display : false, // set this to false to hide the labels under the bars
            gridLines: {
                display: false
            }
        }]
    },

最佳答案

您要删除的可能是图表的边框。在 Chart.js v2 中,我能够通过将网格线配置的 drawBorder 设置为 false 来删除第一个垂直边框:

options: {
    scales: {
        yAxes: [{
            gridLines: {
                drawBorder: false
            }
        }]
    }
}

在 Chart.js 文档中,它在 https://www.chartjs.org/docs/latest/axes/styling.html#grid-line-configuration 中进行了解释.

关于javascript - Chart.js 删除第一条垂直线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39323455/

相关文章:

javascript - 选择数据集时触发更改 [Amcharts Multiple Data Sets chart]

javascript - 单击提交按钮时的 Jquery 表单验证

javascript - 随机图像 slider (JS)

reactjs - 使用 expo React Native 移动到 mp4

javascript - 当图表具有不同宽度时,同步 HighCharts 不起作用

charts - Javascript 中的条形图 : stacked bars + grouped bars

javascript - jQuery 存在 url 验证在 Codeigniter 中不起作用

javascript - 什么样的架构适合我的 JavaScript 软件?

javascript - 在 github 页面上进行 React 工作

javascript - 仅将单击的元素传递给 onClick 函数 - ReactJS