হাইচার্টে কোনও টাস্কের ইতিহাস চালানোর জন্য আমার প্রয়োজন have এটি কাজগুলির একটি অনুভূমিক বার হিসাবে চালানোর ইতিহাস দেখানো দরকার। অতিরিক্ত প্রয়োজনীয়তা রয়েছে যা আমি নীচে আপডেট হিসাবে যুক্ত করেছি। সম্প্রতি আমি জানতে পেরেছি যে স্টকচার্টে বিকল্পটি সমর্থিত নয় এবং স্টকচার্টে কেবল ন্যাভিগেটর এবং রেঞ্জসিলিটর উপলব্ধ। সুতরাং আমি এই ফাংশন ব্যবহার করছি।inverted
তাই যাতে প্রয়োজন আমি অনুরূপ কিছু সৃষ্টি অর্জন করার জন্য এই jsfiddle উদাহরণ (পাওয়া কোথাও যখন ব্রাউজিং উৎস মনে করতে পারছি না) এবং সঙ্গে শেষ পর্যন্ত এই plunker লিংক আমার আগের সহায়তায় প্রশ্ন , ধন্যবাদ Pawel Fus
বিভ্রান্তি এড়াতে প্রশ্ন আপডেট করা
অতিরিক্ত আবশ্যক:
দেখান কেবলমাত্র সেই কর্ম যা দৌড়ে একটি বিশেষ তারিখ এবং সময় সীমার । যদি খুব বেশি রান হয় যেমন 10 টিরও বেশি রান, তবে কেবলমাত্র 10 টি কার্যকে y-axis সহ দৃশ্যমানভাবে প্রদর্শন করার একটি উপায় থাকা দরকার যা অন্যান্য কাজগুলি দেখানোর জন্য স্ক্রোলযোগ্য। সমস্যার প্লাঙ্কার লিঙ্ক
উপরের প্লাঙ্কারের সমস্যা ব্যাখ্যা।
যদি আপনি উপরের প্লঙ্কার থেকে নীচে স্ক্রিনশটটি পরীক্ষা করে থাকেন তবে সময়সীমাটি এর থেকে 12/12/2014 09:32:26আসে 12/12/2014 10:32:26এবং সেখানে কেবলমাত্র 2 টি কাজ চলে যা m_ARRAYV_SALES_ZIG1_CALL2_VOD__C_OB& হয়েছে m_ZIG2_HCP_MERGE_IB_CN। তবে আমি এর মধ্যে অন্য একটি কাজ দেখতে পাচ্ছি LILLY_Cযা এই তারিখের সময়সীমাতেও দৌড়েনি। (প্রকৃত তথ্যে 10 টিরও বেশি টাস্ক রয়েছে যা এই চার্টকে বিশৃঙ্খল করে তোলে যা এই তারিখের সময়সীমার মধ্যেও পড়ে না)
এছাড়াও যদি আপনি নীচের দিকে লক্ষ্য করেন তবে সবচেয়ে ডান কোণার সময় থেকে সরিয়ে নেওয়া 09:38হয়েছে 19:20। কাজের 19:20শেষ সময় m_ZIG2_HCP_MERGE_IB_CN।
নীচে আমার চার্ট অপশন রয়েছে
var chart_options = {
chart: {
renderTo: 'container',
height: 600
},
title: {
},
credits: {
enabled: false
},
xAxis: {
type: 'datetime',
gridLineWidth: 1,
tickInterval: 1 * 3600 * 1000,
dateTimeLabelFormats: {
month: '%b %e, %Y'
}
},
yAxis: {
tickInterval: 1,
gridLineWidth: 1,
labels: {
formatter: function() {
if (tasks[this.value]) {
return tasks[this.value].name;
}
}
},
startOnTick: false,
endOnTick: false,
title: {
text: 'Task'
}
},
rangeSelector: {
selected: 0,
buttons: [ {
type: "minute",
count: 60,
text: "1h"
}, {
type: "minute",
count: 180,
text: "3h"
}, {
type: "minute",
count: 300,
text: "5h"
}],
inputDateFormat: '%m/%d/%Y %H:%M:%S',
inputEditDateFormat: '%m/%d/%Y %H:%M:%S',
inputBoxWidth: 120
},
navigator: {
enabled: false
},
legend: {
enabled: false
},
tooltip: {
shared: false,
formatter: function() {
var str = '';
str += 'Task: ' + this.series.name + '<br>';
str += 'From: ' + Highcharts.dateFormat('%m/%d/%y %H:%M', this.point.from) + '<br>';
str += 'To: ' + Highcharts.dateFormat('%m/%d/%y %H:%M', this.point.to) + '<br>';
return str;
}
},
plotOptions: {
line: {
lineWidth: 10,
marker: {
enabled: true
},
dataLabels: {
enabled: true,
align: 'left',
formatter: function() {
return this.point.options && this.point.options.label;
}
},
states:{
hover:{
lineWidth:10
}
}
},
series: {
cursor: 'pointer',
point: {
events: {
click: function () {
var query = '{ "task_id": "'+this.task_id+'","start_time": '+this.from+',"exclude_interval": '+opExcludeMinutes+',"size": 10 }';
$scope.taskName = this.series.name;
$scope.isTaskSelected = false;
$scope.operationalReportAgentTaskHistoryServiceRequest(query);
}
}
}
}
},
series: seriesData
};