Как изменить угол камеры в highcharts 3d - PullRequest
0 голосов
/ 30 января 2020

Я пытаюсь внедрить highcharts 3d в свой проект, но не могу понять, как добиться желаемого эффекта. Я хочу, чтобы все столбцы в моей трехмерной диаграмме имели одинаковый угол и глубину, а ось X - вертикальная.

Моя проблема в том, что камера всегда находится в центре столбцов посередине, поэтому эффект на крайние правые столбцы отличается от крайних левых.

Этот график в настоящее время выглядит следующим образом:

enter image description here Как я хочу, чтобы это выглядело (взято из Microsoft Words):

enter image description here

Пример: https://jsfiddle.net/hchoang/rLnhfxc8/23/

Это график конфигурации 3d в настоящее время выглядит так:

   chart: {
     type: 'column',
     options3d: {
       enabled: true,
       alpha: 0,
       beta: 0,
       depth: 25,
       viewDistance: 25
     },
     margin: [undefined, 0, undefined, 0]
   },

1 Ответ

0 голосов
/ 31 января 2020

Я думаю, что хорошим подходом будет использование этой демонстрации для поиска требуемых альфа , бета и глубины значений и установки их к вашему демо.

Для меня будет что-то знакомое с этими значениями:

Демо: https://jsfiddle.net/BlackLabel/ctxk9hmb/

Код:

options3d: {
  enabled: true,
  alpha: 10,
  beta: 15,
  depth: 100,
  //viewDistance: 25
},

API: https://api.highcharts.com/highcharts/chart.options3d

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...