Как сделать мозаичную карту Highcharts такой, чтобы она заполняла все пространство?

#highcharts

Вопрос:

Поскольку tilemap Highcharts с шестигранной формой не гарантирует отображения обычных шестиугольников, я сам вычисляю размер диаграммы, чтобы получить правильные шестиугольники на основе шестиугольника:

     chart: {
        type: 'tilemap',
        height: 200, //result of computation, could be any number
        width: 200 //result of computation, could be any number
    }

 

Проблема в том, что даже если я задам правильный размер оболочки диаграммы, шестиугольники в tilemap не заполнят все содержимое.

Вот пример крайнего случая с одним шестиугольником (но это происходит для всех видов макетов, иногда больше, иногда меньше).

http://jsfiddle.net/auqp1jw2/1/

Я в таком случае ожидал бы, что шестиугольник заполнит всю область 200×200, но он охватывает только 85 пикселей.

Комментарии:

1. Какого конечного результата вы хотите достичь? Возможно, этого будет легче достичь с помощью полигонального ряда: highcharts.com/demo/polygon

2. Желаемое состояние-иметь контейнер с правильными шестиугольниками в сотовой компоновке в нескольких кластерах. Проблема в том, что количество шестиугольников и компоновка вычисляются на внутренней стороне, а на компоновку сот также влияет соотношение сторон контейнера (я хочу, чтобы компоновка была адаптивной). Другая проблема (и она является основной) заключается в том, что форма шестиугольника зависит от размера контейнера, и я пытаюсь рассчитать размер контейнера, чтобы сделать шестиугольники правильными

3. спасибо за объяснение, я думаю, что единственный подход, предложенный разработчиком Highcharts core, который вы можете найти в этом обсуждении — github.com/highcharts/highcharts/issues/10200