YouTipHighcharts 3D Column Null
# Highcharts 3D Column Chart with Null Values and 0
[Highcharts 3D Charts](#)
The following example demonstrates a 3D column chart with null values and 0.
We have already learned the basic configuration syntax of Highcharts in previous chapters. Next, let's look at other configurations.
* * *
## Configuration
### chart.options3d Configuration
The following lists the basic configuration for 3D charts. Set the chart's `type` property to `column`, and the `options3d` option can be used to set the 3D effect.
var chart = { type: 'column', options3d: { enabled: true, //Display whether the chart is set to 3D, we set it to true alpha: 15, //Chart view rotation angle beta: 15, //Chart view rotation angle depth: 50, //Total depth of the chart, default is 100 viewDistance: 25 //Defines the viewing distance of the chart }};
### Example
Filename: highcharts_3d_column_null.htm
$(document).ready(function() { var chart = { type: 'column', margin: 75, options3d: { enabled: true, alpha: 10, beta: 25, depth: 70 } }; var title = { text: '3D Chart with Null Values' }; var subtitle = { text: 'Note the difference between 0 and null' }; var xAxis = { categories: Highcharts.getOptions().lang.shortMonths }; var yAxis = { title: { text: null } }; var series= [{ name: 'Sales', data: [2, 3, null, 4, 0, 5, 1, 4, 6, 3] }]; var json = {}; json.chart = chart; json.title = title; json.subtitle = subtitle; json.xAxis = xAxis; json.yAxis = yAxis; json.series = series; $('#container').highcharts(json);});
[Try it yourself »](#)
The output of the above example is:
[Highcharts 3D Charts](#)