我希望我可以分别为每个数据集添加标记,这样我就可以用css来改变颜色。
var ctx = document.getElementById("myChart").getContext("2d");
var data = {
labels: ["(1)","(2)","(3)","(4)","(5)"],
datasets: [
{
label: "Food Chart",
fillColor: "#000066",
strokeColor: "transparent",
pointColor: "red",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: calcChart(),
}
]
}
var options = {
scaleShowHorizontalLines: true,
barValueSpacing : 5,
scaleBeginAtZero : true,
barValueSpacing : 25
}
var myBarChart = new Chart(ctx).Bar(data,options);
1条答案
按热度按时间laximzn51#
由于Chart.js和Canvasjs都使用canvas元素来绘制图表,因此您无法使用CSS与这些元素进行交互。
如果你想对图表元素使用自定义CSS,你需要使用一个SVG库,比如highcharts。