Arhn - архитектура программирования

Как получить текущую ширину столбца highcharts

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

Я не хочу изменять ширину столбца, а только получаю его текущую ширину.

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

Поиск дал мне этот бит кода для установки ширины:

 chart.series[0].data[0].graphic.attr({
        width:50
    });

И это должно вернуть значение:

chart.series[0].data[0].graphic.width

Хотя код, который мне нужен, будет внутри форматировщика plotOptions и, вероятно, должен выглядеть ближе к этому:

this.series.chart.series[0].yData[this.point.index].graphic.width

Если это поможет, контекст приведенного выше кода:

var thisVal = this.point.y;
var i = this.point.x % trendCategories2.length;
var prevVal = this.series.chart.series[0].yData[this.point.index];
var nextVal = this.series.chart.series[1].yData[this.point.index];
var highVal;
var output;
console.log(this.series.chart.series[0].yData[this.point.index].graphic.width);

С console.log у меня возникли проблемы. Я пробовал различные перестановки, чтобы получить ширину, но все они возвращают undefined, я почти уверен, что это что-то глупое, чего мне не хватает.

Кто-нибудь может помочь, пожалуйста?

23.11.2015

  • можешь вставить html код? 23.11.2015
  • На самом деле больше нечего добавить, это формат кода в последнем фрагменте, который меня поставил в тупик. Но я добавлю еще немного контекста, если вы думаете, что это поможет. 23.11.2015
  • Я попросил html! :) 24.11.2015

Ответы:


1

Итак, я понял, как получить ширину столбцов, синтаксис был далеко, и мне пришлось просмотреть объект серии, чтобы увидеть, какие метрики доступны.

var colWidth = this.series.columnMetrics.width;

Приведенное выше возвращает ширину столбца, этот синтаксис работает внутри

plotOptions -> dataLabels -> formatter function

Надеюсь, это поможет кому-то еще в какой-то момент.

24.11.2015
Новые материалы

Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..