Chart.js条形图：网格颜色和隐藏标签

我试图改变我的网格在chart.js中的背景颜色，我试过按照文档，我做了很多研究，但我可以似乎没有弄明白。我也想摆脱顶级品牌，找不到一个简单的方法来做到这一点。我说的标签是在说：“我的第一个数据集”在这里演示标签：http://www.chartjs.org/docs/#bar-chart Chart.js条形图：网格颜色和隐藏标签

解决方案：

<canvas id="myChart"></canvas> 
<script> 
    var ctx = document.getElementById("myChart"); 

    var myChart = new Chart(ctx, { 
    type: 'bar', 
    data: { 
     labels: ["Maandag", "Dinsdag", "Woensdag", "Donderdag", "Vrijdag", "Zaterdag", "Zondag"], 
    datasets: [{ 
    label: "", 
    data: [12, 19, 3, 5, 2, 3, 4], 
    backgroundColor: "rgba(3, 118, 195, 0.5)", 
    borderColor: "rgba(0, 158, 219, 1)", 
    borderWidth: "2", 
    }] 
}, 
options: { 
    legend:{ 
     display: false 
    }, 
    scales: { 
    xAxes: [{ 
     gridLines: { 
      show: true, 
      color: "F3F3F3", 
     } 
    }], 
    yAxes: [{ 
     ticks: { 
     beginAtZero: true 
     } 
    }] 
    }, 

} 
    }); 

</script>

谢谢！

来源

2016-05-12 paradizzee

要隐藏拉布勒即只是传说：下面的配置使用在options：

legend:{ 
     display:false 
}

因此，在你的代码：

options: { 
    legend:{ 
      display:false 
    }, 
    scales: { 
     yAxes: [{ 
      ticks: { 
      beginAtZero: true 
      } 
     }] 
     } 
    }

而且，对于背景颜色使用CSS canvas元素：

<canvas id="myChart" style="background-color: grey;">

希望这会对你有帮助！

来源

2016-05-13 09:03:55 Krishnakant

谢谢！用该代码删除了图例！ – paradizzee

但我试图重新着色网格，所以在背景上的线路有什么想法如何工作？谢谢！ – paradizzee

对于背景网格线颜色：秤：{ xAxes：[{ 网格线：{ 显示：真，色 “红”， } }] } 类似地，对于Y轴 – Krishnakant

Chart.js条形图：网格颜色和隐藏标签

回答

相关问题