Отображение данных CSV Highchart Tool-tio

Вопрос:

Я пытаюсь отобразить данные csv в подсказке Highcharts. Данные:

Time,Users,AVG_Sec,Volume,ServerName,InstanceName
11:35  AM ,59,.863,664,server1,int123
11:35  AM ,43,.659,392,server2,int123
11:35  AM ,46,1.347,442,server3,int124
11:35  AM ,49,1.164,702,server2,int125

Я могу отображать на графике пользователей, avg_sec и том. Пожалуйста, дайте мне знать, могу ли я dsplay имя сервера и имя экземпляра в графе, поскольку столбцы/столбцы по крайней мере показывают их в подсказке инструмента.

Код до сих пор:

$(document).ready(function() {

var options = {
chart: {
renderTo: 'container',
type: 'column'
},
title: {
text: 'Last Hourly All'
},

tooltip:{
formatter:function(){
return '<b>' + this.series.name + '</b>' +
'<br/><b>X Value:</b> ' + this.x +
'<br/><b>Y Value:</b> ' + this.y +
'<br/><b>Other Data:</b> ' + this.point.ServerName;
}
},



credits: {
enabled: false
},
xAxis: {
categories: [],
labels: {
rotation: -90
}

},
yAxis:[{
startOnTick: false,
title: {
text: 'No of Transactions'
}
}, {
opposite: true,
title: {
text: 'Response Time'
}
}, {
opposite: true,
title: {
text: 'Volume'
}
}, {
opposite: true,
title: {
text: 'Server Name'
}
}, {
opposite: true,
title: {
text: 'Instance Name'
}
}
],
series: []
};
//try.csv
$.get('data/lastHrlyAllTZ1.csv', function(data) {
// Split the lines
var lines = data.split('\n');
//variable declaration
var series = {
data: [],
type: 'spline',
color: '#336633'
};
var series1 = {
yAxis: 1,
data: [],
color: '#FF3399'
};
var series2 = {
yAxis: 2,
data: [],
color: '#9900FF'
};
var series3 = {
yAxis: 3,
data: [],
color: '#660066'
};
var series4 = {
yAxis: 4,
data: [],
color: '#CC99CC'
};

$.each(lines, function(lineNo, line) {
var items = line.split(',');

// header line contains categories
if (lineNo == 0) {
series1.name = items[1];
series.name = items[2];
series2.name = items[3];
series3.name = items[4];
series4.name = items[5];
}

// the rest of the lines contain data with their name in the first position
else {
$.each(items, function (itemNo, item) {
if (itemNo == 0) {
options.xAxis.categories.push(item);
} else if (itemNo == 1) {
//console.log(parseFloat(item));
series1.data.push(parseFloat(item));
} else if(itemNo == 2){
series.data.push(parseFloat(item));
} else if(itemNo == 3){
series2.data.push(parseFloat(item));
}
else if(itemNo == 4){
//alert(item);
series3.data.push(item);
}
else if(itemNo == 5){
series4.data.push(item);
}
});

}

});

options.series.push(series1);
options.series.push(series2);
options.series.push(series3);
options.series.push(series4);
options.series.push(series);
var chart = new Highcharts.Chart(options);

В подсказке инструмента на данный момент он говорит “undefined”.

Ответ №1

Он не работает, потому что вы вставляете только значения в массив данных, но не определяете имя параметра. Вы должны нажимать точку как объект, где вы определяете имя своего параметра и значение y.

Оцените статью
TechArks.Ru
Добавить комментарий