相关疑难解决方法(0)

在chart.js中的条形顶部显示值

请参考这个小提琴:https://jsfiddle.net/4mxhogmd/1/

我正在研究chart.js如果你在小提琴中看到,你会注意到在某些情况下没有正确显示条形图上的值(在画布外面)虽然研究我遇到了这个链接如何在Chart上显示数据值.js文件

但是在这里他们也使用工具提示同样的情况来调整栏内的文本.我不想要这个.

var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: ["2 Jan", "9 Jan", "16 Jan", "23 Jan", "30 Jan", "6 Feb", "13 Feb"],
        datasets: [{
            data: [6, 87, 56, 15, 88, 60, 12],
            backgroundColor: "#4082c4"
        }]
    },
    options: {
        "hover": {
            "animationDuration": 0
        },
        "animation": {
            "duration": 1,
            "onComplete": function () {
                var chartInstance = this.chart,
                ctx = chartInstance.ctx;

                ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontSize, Chart.defaults.global.defaultFontStyle, Chart.defaults.global.defaultFontFamily);
                ctx.textAlign = 'center'; …
Run Code Online (Sandbox Code Playgroud)

javascript charts chart.js

22
推荐指数
4
解决办法
6万
查看次数

如何在Chart.js中删除轴的线/规则?

我设法使用以下方法删除了我的图表中的所有水平线/规则:

scales: {
       xAxes: [{
        gridLines: {
            display: false
        }  
    }]
}
Run Code Online (Sandbox Code Playgroud)

但我也想摆脱代表Y轴的规则/条形.但我想保留标签:

在此输入图像描述

不幸的是我找不到任何选择.我只能删除整个轴,包括标签.

我正在使用Chart.js 2.3.

javascript chart.js chart.js2

4
推荐指数
1
解决办法
8114
查看次数

标签 统计

chart.js ×2

javascript ×2

chart.js2 ×1

charts ×1