Javascript 如何在highcharts中填充最大最小项目符号?
我想把高图表的项目符号填满,就像高图表的条形图一样。 如果有人知道海图,请帮助我。 这是我正在使用的highchart函数。 我想把第一种颜色作为第一条,第二种颜色作为第二条。 如果您知道任何解决方案,请让我知道。多谢各位Javascript 如何在highcharts中填充最大最小项目符号?,javascript,jquery,html,css,highcharts,Javascript,Jquery,Html,Css,Highcharts,我想把高图表的项目符号填满,就像高图表的条形图一样。 如果有人知道海图,请帮助我。 这是我正在使用的highchart函数。 我想把第一种颜色作为第一条,第二种颜色作为第二条。 如果您知道任何解决方案,请让我知道。多谢各位 var chart = new Highcharts.Chart({ chart: { renderTo:'DimensionsChartfirst', type:'column'
var chart = new Highcharts.Chart({
chart: {
renderTo:'DimensionsChartfirst',
type:'column'
},
colors: ['#0070C0', '#C00000'],
title: {
text: 'Office data'
},
subtitle: {
text: ''
},
credits:{enabled:false},
legend:{
},
plotOptions: {
series: {
shadow:false,
borderWidth:0
}
},
xAxis:{
categories: [
'Weight',
'Height'
],
lineColor:'#999',
lineWidth:1,
tickColor:'#666',
tickLength:3,
title:{
text:'Part Counts'
}
},
yAxis:{
lineColor:'#999',
lineWidth:1,
tickColor:'#666',
tickWidth:1,
tickLength:3,
gridLineColor:'#ddd',
title:{
text:'Office data',
// rotation:90,
margin:10
}
},
series: [{
name: 'MAX',
data: MaxVal,
colors: ['#0070C0'],
type: 'column',
colorByPoint: true
},{
name: 'MIN',
data: MinVal,
colors: ['#C00000'],
type: 'column',
colorByPoint: true
}]
});
您只需删除系列中的
colorByPoint:true
属性即可
jsFiddle:
API参考:您只需删除系列中的
colorByPoint:true
属性即可
jsFiddle:
API参考:虽然此代码可以回答问题,但最好解释如何解决问题,并提供代码作为示例或参考。只有代码的答案可能会令人困惑,并且缺乏上下文。虽然此代码可能会回答问题,但最好解释如何解决问题,并提供代码作为示例或参考。仅代码的答案可能会混淆和缺乏上下文。总结:从series对象中删除
colorByPoint
属性,并将colors
数组替换为color
单值属性。总结:从series对象中删除colorByPoint
属性,并将colors
数组替换为color
单值属性。
series: [{
name: 'MAX',
data: MaxVal,
color: '#0070C0'
},{
name: 'MIN',
data: MinVal,
color: '#C00000'
}]