Column Range with X/High/Low/Color

Nov 25, 2013 at 7:58 PM
Is it possible to generate this?
$(function () {     
    window.chart = new Highcharts.Chart({
    
        chart: {
            renderTo: 'container',
            type: 'columnrange'
        },
        
        legend: {
            enabled: false
        },
    
        series: [{
            name: 'Data',
            data: [{ 
                x: 1,
                low: 7,
                high: 8,
                color: 'red'
            },{
                x: 1,
                low: 6,
                high: 7,
                color: 'blue'
            }]
        }]  
    });   
});
Coordinator
Nov 28, 2013 at 7:40 PM
Yes!
Highcharts chart = new Highcharts("chart")
                .InitChart(new Chart { Type = ChartTypes.Columnrange })
                .SetLegend(new Legend { Enabled = false })
                .SetSeries(new[]
                {
                    new Series
                    {
                        Name = "Data", Data = new Data(new object[]
                        {
                            new
                            {
                                x = 1,
                                low = 7,
                                high = 8,
                                color = "red"
                            },
                            new
                            {
                                x = 1,
                                low = 6,
                                high = 7,
                                color = "blue"
                            }
                        })
                    }
                });