小编dch*_*ney的帖子

我有一个条形图，它显示数据库中的数据，我需要能够为不同的数值显示不同的颜色。例如，“ loc_health”基于1到10之间的值返回，因此我需要将1显示为红色，2显示为橙色，3显示为黄色，4显示为绿色，等等。

我搜索了chart.js文档，但找不到解决方案。

var context = document.getElementById('healthRatings').getContext('2d');

window.myObjBar = new Chart(context).Bar({
    labels : loc_id_grab,
    datasets : [{
        fillColor : ["rgba(220,220,220,0.5)"],
        strokeColor : "rgba(151,187,205,1)",
        pointColor : "rgba(151,187,205,1)",
        pointStrokeColor : "#fff",
        data : loc_health
    }]
}, {
    scaleOverride : true,
    scaleSteps : 10,
    scaleStepWidth : 1,
    scaleStartValue : 0,
    barShowStroke : false,
    barStrokeWidth : 1,
    showTooltips : false,
    barValueSpacing : 2,
    animation : false,
    responsive : true,
    maintainAspectRatio : true
});

我有一个标准的 HTML5 标签，并使用controls="false" 来隐藏本机浏览器控件。但当使用 JavaScript 暂停视频时，这些内容会再次出现。我怎样才能防止这种情况发生？

所以我试着编写这个函数,通过首先将它转换为带有JSON.parse的数组来计算字符串中的值的平均值.我在JSON.parse上收到错误,我不知道为什么.

"Uncaught SyntaxError:Unexpected token N" line:var elmt = JSON.parse('['+ string +']');

    function averageRisk() {
            var sum = 0;
            var string = +health_grab; 
            // this returns a string from my database like this: 8,5,3,5,2,6,8,9

            var elmt = JSON.parse('[' + string + ']');

            console.log("healthLevels: " + elmt);

            for (var i = 0; i < elmt.length; i++) {
                        sum += parseInt(elmt[i].value, 10); 
            }

            if (isNaN(sum)) {
                        return false;
            }

            avg = Math.round(sum / elmt.length);

            console.log("Sum: " + sum);
            console.log("Average: " + avg);
    }

我有一个条形图，我想在工具提示框中显示第二个标签，该标签将从数据库中填充。您可以从下面的代码中看到我已经开始进行设置，以便可以在工具提示中显示多个标签（短，长），并且我希望能够将来自数据库的多个值显示为标签。

例如，我的桥ID为135554（bridge_id_grab），而该桥已有35年的历史（bridge_age_grab），位于里程碑13.34（bridge_mp_grab）。

所以我想在工具提示中显示为

“桥ID：135554，桥龄：35，里程碑：13.34”

我想我很接近-只是想不出如何使用bridge_mp_grab只获取一个值-它显示为数据库中所有值的字符串。

这是我的代码：

             function Label(short, long) {
              this.short = short;
              this.long = long
             }
             Label.prototype.toString = function() {
              return this.short;
             }

        var barChartData2 = {
            //labels : bridge_id_grab,
            labels: [ 
              new Label("J", bridge_mp_grab), 
              new Label("F", "FEB"), 
              new Label("M", "MAR"),
              new Label("A", "APR"),
              new Label("M", "MAY"),
              new Label("J", "JUN"),
              new Label("J", "JUL")
            ],
            datasets : [
                {
                    label: "My First dataset",
                    fillColor : ["rgba(220,220,220,0.5)"],
                    strokeColor : "rgba(151,187,205,1)",
                    pointColor : "rgba(151,187,205,1)",
                    pointStrokeColor : "#fff",
                    data : bridge_age_grab,
                }
            ] …