АРТЕФАКТЫ

Проекты любят тишину, а знаний должны находить место хранения
АННА РОТЦЫ
IT
Area Chart Widget

Area Chart Demo

Интерактивная зонная диаграмма, построенная на основе предоставленного кода. Наведите курсор на области для детальной информации.

Загрузка графика...
// Код виджета Area Chart
var arr = [];
var keys = [];
var i = 0;
while (i < w.data.primaryData.items[0].values.length){
    var temp = [];
    w.data.primaryData.items.forEach(function (item) {
        temp.push(item.values[i]);
        keys.push(item.keys[0]);
    })
    arr[i] = temp;
    i = i + 1;
}

var series = [];
for(var i = 0;  i < arr.length; i++){
    series[i] = {
        name: w.data.primaryData.items[0].cols[i+2],
        data: arr[i]
    };
}

Highcharts.chart(w.general.renderTo, {
    chart: {
        type: 'area'
    },
    xAxis: {
        categories: keys,
        tickInterval: 3
    },
    yAxis: {
        title: { text: '' }
    },
    plotOptions: {
        area: {
            marker: {
                enabled: false,
                symbol: 'circle',
                radius: 2,
                states: { hover: { enabled: true } }
            }
        }
    },
    series: series
});
Сайт в данный момент находится в процессе наполнения.