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