有没有办法在Chartjs/Canvasjs中添加html标记来分别定位每一列?

yeotifhr  于 2022-11-07  发布在  Chart.js
关注(0)|答案(1)|浏览(151)

我希望我可以分别为每个数据集添加标记,这样我就可以用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);
laximzn5

laximzn51#

由于Chart.js和Canvasjs都使用canvas元素来绘制图表,因此您无法使用CSS与这些元素进行交互。
如果你想对图表元素使用自定义CSS,你需要使用一个SVG库,比如highcharts。

相关问题