3D Highcharts column chart with Amcharts appearance

Asked

Viewed 106 times

0

How can I customize the highcharts so that it doesn’t rotate the chart in yes, like Amcharts? The attempts I made were changing the settings

 alpha: 15,
 beta: 15,
 depth: 50,
 viewDistance: 25

and the settings of amcharts:

"depth3D": 20,
"angle": 30,

but I didn’t get any similar results.

Highcharts 3D Column: inserir a descrição da imagem aqui

Amcharts 3D Column:

inserir a descrição da imagem aqui

1 answer

2


Follow the angle rotation settings.

alpha: 0,
beta: 0,
depth: 20,

For more angle settings here in the section chart.options3d

$('#grafico').highcharts({
  chart: {
    type: 'column',
    options3d: {
      enabled: true,
      alpha: 0,
      beta: 0,
      depth: 20,
    }
  },
  series: [{
    data: [4500, 2000, 1500, 1300, 1000, 900, 800, 700, 600, 500, 400, 300]
  }]
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-3d.js"></script>

<div id="grafico"></div>

Browser other questions tagged

You are not signed in. Login or sign up in order to post.