Javascript 根据平均值或限制值设置highchart列的颜色

Javascript 根据平均值或限制值设置highchart列的颜色,javascript,highcharts,Javascript,Highcharts,我想根据平均值或限制值设置highchart列的颜色。我写了这个剧本;但问题是,当我将鼠标移到红色列上时,它返回到蓝色!!有人可以告诉我要在代码中添加什么,使其保持红色?谢谢 <script> $(function () { var chart = new Highcharts.Chart({ chart: { renderTo: 'donuts1', type: 'column',

我想根据平均值或限制值设置highchart列的颜色。我写了这个剧本;但问题是,当我将鼠标移到红色列上时,它返回到蓝色!!有人可以告诉我要在代码中添加什么,使其保持红色?谢谢

<script>
$(function () {
            var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'donuts1',
            type: 'column',
            zoomType: 'xy'
        },
        title: {
            text: 'Les données d\'expression du transcrit : <?php echo $id; ?>'
        },
        subtitle: {
                text: document.ontouchstart === undefined ?
                        'Click and drag in the plot area to zoom in' : 'Pinch the chart to zoom in'
        },
        xAxis: {
            categories: ["<?php echo join($tableauLogin, '","') ?>"] ,
            labels: {
                rotation: -45,
                style: {
                    fontSize: '11px',
                    fontFamily: 'Verdana, sans-serif'
                }
            },
        },
        yAxis: {
            title: {
                text: 'Log2(Expression)'
            },
            minorTickInterval: 1,
            min: <?php echo $min-1;?>,
            max: <?php echo $max+1;?>,
            plotLines: [{
            color: '#FF0000',
            width: 2,
            value: <?php echo $mean ;?> ,// Need to set this probably as a var.
            dashStyle: 'ShortDash',
            label: {
                    text: '<?php echo $leg ;?> : <?php echo round($mean,2) ;?>',
                    align: 'right',
                    verticalAlign: 'top',
                    y: -100,
                    x: -10,
                    style: {
                        color: '#FF0000'
                    }}
        }]
        },
        legend: {
            layout: 'vertical',
            align: 'left',
            verticalAlign: 'top',
            x: 50,
            floating: true,
            borderWidth: 1,
            backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'),
            shadow: true
            },
        series: [{
            name: '<?php echo $name ?>',
            data: [<?php echo join($tableauNote, ',') ?>]
        }]
    },function(chart){

            var max = <?php echo $mean ;?>;

            $.each(chart.series[0].data,function(i,data){

                if(data.y > max)
                    data.graphic.attr({
                        fill:'#FE2E2E'
                    });

            });

        });
});
$('#preview').html(chart.getCSV());
</script>

$(函数(){
var图表=新的Highcharts.图表({
图表:{
renderTo:“donuts1”,
键入:“列”,
zoomType:'xy'
},
标题:{
文字:“Les données d”表达方式为“transcrit:”
},
副标题:{
text:document.ontouchstart==未定义?
'在绘图区域中单击并拖动以放大':'挤压图表以放大'
},
xAxis:{

类别:[“我终于自己找到了解决方案

我记得这句话:

data.graphic.attr({ fill:'#FE2E2E'
通过这个

data.graphic.css({ color:'#FE2E2E'

我终于自己找到了解决办法

我记得这句话:

data.graphic.attr({ fill:'#FE2E2E'
通过这个

data.graphic.css({ color:'#FE2E2E'

试着改变悬停的颜色我终于找到了自己的解决方案我记住了这一行:data.graphic.attr({fill:'#fe2e'通过这一行data.graphic.css({color:'#fe2e'试着改变悬停的颜色我终于找到了自己的解决方案我记住了这一行:data.graphic.attr({fill:'#fe2e'由这个data.graphic.css({color:'#fe2e'