我有一个图表实例,其中有一条简单的线从x=1
到x=6
。我正在尝试在此图表上绘制一个直方图,该直方图具有从x=1
,x=3
和x=5
开始的bin,其bin宽度为2。有吗?
let context = document.getElementById("canvas").getcontext("2d");
var datasets = [
{
label: "line",data: [{x: 1,y: 0.6,},{x: 2,y: 0.8,{x: 3,y: 0.7,{x: 4,{x: 5,{x: 6,}],borderColor: "black",lineTension: 0.4,type: "line",{
label: "histogram",],color: "red",type: "bar",];
var data = {labels: [1,2,3,4,5,6],datasets: datasets};
var chart = new Chart(context,{type: "bar",data: data,options: {}});
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
<canvas id="canvas"></canvas>