小编Joa*_*aus的帖子

我正在使用 Chart.js 制作具有线性渐变的图表：

<script src="js/Chart.min.js"></script>\n<script type="text/javascript">\nvar ctx = document.getElementById(\'myChart\').getContext(\'2d\');\n\nvar grd = ctx.createLinearGradient(0, 0, canvas.width, 0);\ngrd.addColorStop(0.2, \'red\');\ngrd.addColorStop(0.4, \'orange\');\ngrd.addColorStop(0.78, \'limegreen\');\ngrd.addColorStop(0.9, \'black\');\n\nvar chart = new Chart(ctx, {\n    // The type of chart we want to create\n    type: \'horizontalBar\',\n\n    // The data for our dataset\n    data: {\n        labels: ["Confort"],\n        datasets: [\n        {\n            label: ["Confort actuel"],\n            borderWidth: 0,\n            borderColor: \'rgba(0,0,0,1.0)\',\n            backgroundColor: \'rgba(0,0,0,0.2)\',\n            hoverBackgroundColor: \'rgba(0,0,0,0)\',\n            data: [64],     \n        },\n        {\n            label: ["Confort projet\xc3\xa9"],\n            borderWidth: 0,\n            borderColor: \'rgba(0,0,0,1.0)\',\n            backgroundColor: grd,\n            hoverBackgroundColor: grd,\n            data: [120],\n        },\n        {\n …