angularjs — рендеринг Highcharts с использованием Angular js Directives

Рендеринг Highcharts с использованием Angular JS Directives

Альтернативная реализация здесь: http://jsfiddle.net/pablojim/Cp73s/

Это использует https://github.com/pablojim/highcharts-ng

Это позволяет вам создать верхнюю диаграмму с помощью HTML ниже:

{amp}lt;highchart id="chart1" series="chart.series" title="chart.title" options="chart.options"{amp}gt;{amp}lt;/highchart{amp}gt; 

В приведенном выше примере chart.series представляет собой массив объектов javascript, представляющих серии на диаграмме — они принимают стандартные параметры Highcharts. Затем Angularjs наблюдает за любыми изменениями.

chart.options — это варианты инициализации старших графиков — также следят за изменениями. Хотя изменения в этом воссоздают весь график.

chart.title — это титульный объект highcharts, который также отслеживается на предмет изменений.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector