javascript - Interpolating the chart data -


im using following code create chart using high charts.

function loadgroup() {     $(function() {         $('#container').highcharts({             colors: ['#f32d2b', '#f0f468', '#f58835', '#a5d17a', ],             chart: {                 type: 'bar',                 options3d: {                     enabled: true,                     alpha: 15,                     beta: 15,                     depth: 50,                     viewdistance: 25                 },                 backgroundcolor: 'rgba(255, 255, 255, 0.9)',                 renderto: 'histogram',              },             title: {                 text: 'country'             },             xaxis: {                 categories: ['uk', 'us', 'brazil', 'brunei', 'indonesoa'],                 labels: {                     usehtml: true,                     formatter: function() {                         var name = this.value;                         var link = '<span  id="' + name + '" >' +                             name + '</span>'                         return link;                     }                 },             },             yaxis: {                 min: 0,                 title: {                     text: 'total values'                 }             },             legend: {                 reversed: true             },             tooltip: {                 headerformat: '<b>{point.x}</b><br/>',                 pointformat: '{series.name}: {point.percentage:.0f}% ({point.y}out of {point.stacktotal})'             },             plotoptions: {                 series: {                     stacking: 'normal',                     datalabels: {                         enabled: true,                         color: 'white',                         style: {                             textshadow: false,                         },                         format: '{point.y}'                     },                     point: {                         events: {                             click: function() {                                 var drilldown = this.drilldown;                                 if (drilldown) {                                     loaddrilldowndata(drilldown);                                 }                             }                         }                     }                 },             },             series: [{                 name: 'pending',                 data: [{                     y: 1,                     drilldown: "pending shipment",                 }, {                     y: 2,                 }, {                     y: 1,                 }, {                     y: 1,                 }, {                     y: 2,                 }, ]             }, {                 name: 'completed',                 data: [{                     y: 8,                     drilldown: "completed shipment",                 }, {                     y: 4,                 }, {                     y: 4,                 }, {                     y: 2,                 }, {                     y: 5,                 }, ]             }, {                 name: 'in progress shipment',                 data: [{                     y: 2,                     drilldown: "in progress shipment",                 }, {                     y: 2,                 }, {                     y: 3,                 }, {                     y: 2,                 }, {                     y: 1,                 }, ]             }, {                 name: 'delayed shipment',                 data: [{                     y: 5,                     drilldown: "delayed",                 }, {                     y: 3,                 }, {                     y: 4,                 }, {                     y: 7,                 }, {                     y: 2,                 }, ]             }, ]         });     }); } 

i want interpolate chart animation in link

but there ways can load chart same animation? want same animation when chart loading.is feasible high chart? how can able so?

you can update chart type line.

chart: {             type: 'bar',  } 

to line

 chart: {             type: 'line',  } 

is looking for?


Comments

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

asp.net - Problems sending emails from forum -