 {
                title: "Logarithmic Column Range",
                description: "logarithmic scale with base 2",
                padding: { left: 5, top: 5, right: 5, bottom: 5 },
                titlePadding: { left: 0, top: 0, right: 0, bottom: 10 },
                source: sampleData,
                enableAnimations: true,
                colorScheme: 'scheme07',
                xAxis:
                        {
                            dataField: '',
                            description: '',
                            showGridLines: true,
                            showTickMarks: true,
                            gridLinesDashStyle: '2,2',
                            tickMarksDashStyle: '1,2'
                        },
                seriesGroups:
                        [
                            {
                            type: 'rangecolumn',
                            valueAxis: {
                                description: 'Value',
                                logarithmicScale: true,
                                logarithmicScaleBase: 2,
                                unitInterval: 1,
                                formatSettings: { decimalPlaces: 3 },
                                gridLinesDashStyle: '2,2',
                                tickMarksDashStyle: '1,2'
                            },
                            series: [
                                        { dataFieldFrom: 'a', dataFieldTo: 'b', displayText: 'from A to B'},
                                        { dataFieldFrom: 'c', dataFieldTo: 'd', displayText: 'from C to D'}
                                    ]
                            }
                        ]
            };

            $('#chartContainer').jqxChart(settings);

        });
</script>
</head>
<body class='default'>
    <div id='chartContainer' style="width:850px; height: 500px;"></div>
</body>
</html>