Я использую Chart.js, и все в порядке, но я хочу заменить текущий цветной фон (fillColor: "rgba (250,174,50,0.5)" ) с градиентом. У меня есть решение для замены градиента, но для меня это слишком сложно реализовать с моим бедным знанием JS. Я думаю, довольно легко для тех, кто знает JS.
Итак, мой код Chart.js:
<script>
var data = {
labels : ["02:00","04:00","06:00","08:00","10:00","12:00","14:00","16:00","18:00","20:00","22:00","00:00"],
datasets: [
{
fillColor : "rgba(250,174,50,0.5)",
strokeColor : "#ff6c23",
pointColor : "#fff",
pointStrokeColor : "#ff6c23",
pointHighlightFill: "#fff",
pointHighlightStroke: "#ff6c23",
data : [25.0,32.4,22.2,39.4,34.2,22.0,23.2,24.1,20.0,18.4,19.1,17.4]
}
]
};
var options = {
responsive: true,
datasetStrokeWidth : 3,
pointDotStrokeWidth : 4,
tooltipFillColor: "rgba(0,0,0,0.8)",
tooltipFontStyle: "bold",
tooltipTemplate: "<%if (label){%><%=label + ' hod' %>: <%}%><%= value + '°C' %>",
scaleLabel : "<%= Number(value).toFixed(0).replace('.', ',') + '°C'%>"
};
var ctx = document.getElementById("temp-chart").getContext("2d");
var myLineChart = new Chart(ctx).Line(data, options);
</script>
И вот решение с градиентом. Может кто-нибудь попробовать реализовать этот фон градиента вместо моего текущего сплошного фона? Спасибо за помощь.
Я попытался реализовать его, но тогда другие функции не работают (например, scaleLabels и т.д.).