<!DOCTYPE><HTMLLang= ' en '><Head><title>Normal 3D histogram of 1-highcharts 3D graph with null value</title><Metahttp-equiv= "Content-type"content= "Text/html;charset=utf-8"><Scriptsrc=".. /jquery-2.1.4/jquery.min.js "></Script><Scriptsrc=".. /highcharts-4.2.5/js/highcharts.js "></Script><Scriptsrc=".. /highcharts-4.2.5/js/highcharts-3d.js "></Script><!--<script src= ". /highcharts-4.2.5/js/themes/gray.js "></script> Theme -<Script>$(function () { $('#container'). Highcharts ({chart:{type:'column', //margin refers to the distance between the outside of the chart and the graphics area, where the array represents top, right, bottom, and left. You can use Margintop,marginright,marginbotton and marginleft to set them separately.margin: $, //3D image settings items. 3D effects need to introduce highcharts-3d.js, download or online path to code.highcharts.com/highcharts-3d.js.options3d:{Enabled:true,//chart Whether the 3D function is enabled, the default value is: falseAlpha:Ten,//3D Figure Rotation angle, this is the α angle, the inner rotation angle defaults to 0Beta: -,//3D Figure Rotation angle, this is the β angle, the outer rotation angle defaults to 0 //the full depth ratio of the chart, which is fixed to the planar point of the X, Y axis of the 3D figure, rotates up and down with the origin of the z-axis of the graph, the larger the value, the larger the rotation, the smaller the value, the greater the inward rotation, and the default value of depth //The default is:Depth: - } }, /************ title ***************/ //The caption is displayed by default at the top of the chart, including the title and subtitle (SubTitle), where the subtitle is non-mandatory. //Main plottingtitle: {text:'my 3D diagram' }, //subtitlesubtitle: {},//The plotoptions is used to set data point-related properties in a chart. plotoptions: {column:{Depth: - } }, /************ Axis ***************/ //all charts have x-and Y-axes in addition to pie charts, by default the x-axis appears at the bottom of the chart, and the y-axis appears on the left //(multiple y-axes can be displayed on both left and right sides), by setting chart.inverted = True to have the X, Y axis display position swappedXaxis: {//get the short name of the monthcategories:Highcharts.getOptions (). Lang.shortmonths}, YAxis: {//whether the axis is displayed on the opposite side of the normal display. //normally the vertical axis is displayed on the left, and the horizontal axis is displayed at the bottom, so the opposite is the vertical axis displayed on the right and the horizontal axis displayed at the top, which is typically used for two or more axes. opposite:true }, /************* Copyright Information **********************/credits:{Enabled:false //Disable Copyright Information }, /************* Data Tip box **********************/ //tooltip: {valuesuffix: ' °c '},tooltip: {},/************ legend ***************/ //The ellipsis example is shown below //You can also set the settings belowlegend: {//layout: ' Horizontal ',//horizontal,vertical //align: ' center ', //verticalalign: ' Bottom ', //borderwidth:0 //enabled:false//close Legend }, /***************** data Column ******************/series: [{name:'Sales', data: [2, 3, 5, 7, 9, 5, 1, 4, 6, 3] //If there is a null value, simply set to null //data: [2, 3, 5, NULL, 9, 5, 1, 4, 6, 3] } ] });});</Script></Head><Body><DivID= "Container"style= "min-width:700px;height:400px"></Div></Body></HTML>
Normal 3D histogram of 1-highcharts 3D graph with null value
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
