Javascript 如何在highcharts中填充最大最小项目符号?

Javascript 如何在highcharts中填充最大最小项目符号?,javascript,jquery,html,css,highcharts,Javascript,Jquery,Html,Css,Highcharts,我想把高图表的项目符号填满,就像高图表的条形图一样。 如果有人知道海图,请帮助我。 这是我正在使用的highchart函数。 我想把第一种颜色作为第一条,第二种颜色作为第二条。 如果您知道任何解决方案,请让我知道。多谢各位 var chart = new Highcharts.Chart({ chart: { renderTo:'DimensionsChartfirst', type:'column'

我想把高图表的项目符号填满,就像高图表的条形图一样。 如果有人知道海图,请帮助我。 这是我正在使用的highchart函数。 我想把第一种颜色作为第一条,第二种颜色作为第二条。 如果您知道任何解决方案,请让我知道。多谢各位

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'

            }]