Возможна ли карта флага 1D?

Question

Я хотел бы создать диаграмму, подобной

(нитевидные формы, цвет, форма флага не важна).

Каждый из флагов представляет собой значение x и границы оси x являются фиксированными. Это очень похоже на highchart demo (круглые и прямоугольные флаги вдоль оси x), но похоже, что флаги добавляются (через options.series.push) к существующим данным.

documentation упоминает, однако, что

Used alone flag series will make no sense.

Основываясь на демо, я попытался создать simple example, заставляя тип к flags но это не делает

$('#container').highcharts({ 
    series: [{ 
    type: 'flags', 
    data: [{ 
     x: 10, 
     title: 'hello', 
     text: 'say hello' 
    }, { 
     x: 20, 
     title: 'world', 
     text: 'say world' 
    }, { 
     x: 50, 
     title: 'bonjour', 
     text: 'say bonjour' 
    }], 
    shape: 'circlepin', 
    width: 16 
    }] 
}); 

Есть ли прямая способ создания таких 1D флаговых карт?

Answer 1

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

Uncaught TypeError: $(...).highcharts is not a function

Я обернул свой код highcharts строителя в function теге и теперь он загружает нормально. Смотрите это в прямом эфире demo.