এক্স অক্ষে হাইচার্টের তারিখগুলি কীভাবে পাবেন?

Question

হাইচার্টগুলির জন্য এক্স-অক্ষরে তারিখগুলি পাওয়ার কি কোনও স্ট্যান্ডার্ড উপায় আছে? এটি তাদের দস্তাবেজগুলিতে খুঁজে পাচ্ছেন না: http://www.highcharts.com/ref/#xAxis--type

যখন আমার সময়ের সীমাটি যথেষ্ট বড়, এটি তারিখগুলি দেখায়। যাইহোক, যখন সময় সীমা যথেষ্ট পরিমাণে বড় না হয়, এটি কেবল ঘন্টাগুলি দেখায়:

এটি আদর্শের চেয়ে কম নয় ... যদি এই ক্ষেত্রে কোনও তারিখ এবং সময় দেখাতে পারে তবে তা দুর্দান্ত। কেউ জানেন কীভাবে?

Answer 1

হাইচার্টগুলি স্বয়ংক্রিয়ভাবে বর্তমান জুম-রেঞ্জের জন্য সেরা ফর্ম্যাটটি সন্ধান করার চেষ্টা করবে। XAxis টাইপ থাকলে এটি করা হয় 'datetime'। পরবর্তী বর্তমান জুমের ইউনিট গণনা করা হয়, এটি এর মধ্যে একটি হতে পারে:

• দ্বিতীয়
• মিনিট
• ঘন্টা
• দিন
• সপ্তাহ
• মাস
• বছর

এই ইউনিটটি অক্ষ অক্ষগুলির লেবেলের জন্য একটি ফর্ম্যাট সন্ধান করতে ব্যবহৃত হয়। ডিফল্ট নিদর্শনগুলি হ'ল:

second: '%H:%M:%S',
minute: '%H:%M',
hour: '%H:%M',
day: '%e. %b',
week: '%e. %b',
month: '%b \'%y',
year: '%Y'

আপনি যদি দিনটি "ঘন্টা" -র মাঝের লেবেলের অংশ হতে চান তবে আপনাকে dateTimeLabelFormatsসেই স্তরের জন্য বিকল্পটি অন্তর্ভুক্ত করতে হবে %dবা অন্তর্ভুক্ত করতে হবে %e। এগুলি উপলব্ধ প্যাটারগুলি:

• % a: সংক্ষিপ্ত সপ্তাহের দিন, 'সোম' এর মতো।
• % এ: দীর্ঘ সপ্তাহের দিন, 'সোমবার' এর মতো।
• % d: মাসের দুই অঙ্কের দিন, 01 থেকে 31।
• % ই: মাসের দিন, 1 থেকে 31।
• % বি: 'জান' এর মতো সংক্ষিপ্ত মাস।
• % বি: দীর্ঘ মাস, 'জানুয়ারীর' মতো।
• % মি: দুই অঙ্কের মাসের সংখ্যা, 01 এর মাধ্যমে 12 12
• % y: দুটি অঙ্কের বছর, 2009 এর মতো 09 09
• % ওয়াই: চার অঙ্কের বছর, ২০০৯ এর মতো।
• % এইচ: 24 ঘন্টা বিন্যাসে দুই অঙ্কের ঘন্টা, 00 থেকে 23 পর্যন্ত।
• % I: 12 ঘন্টা আকারে দুটি অঙ্কের ঘন্টা, 00 থেকে 11 পর্যন্ত।
• % l (লোয়ার কেস এল): 12 ঘন্টা ফর্ম্যাটে ঘন্টা, 1 থেকে 11 পর্যন্ত
• % এম: দুই অঙ্কের মিনিট, 00 থেকে 59 পর্যন্ত।
• % পি: আপার কেস এএম বা পিএম।
• % পি: লোয়ার কেস এএম বা পিএম।
• % এস: দুই অঙ্ক সেকেন্ড, 00 থেকে 59 পর্যন্ত

http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats

Comments

বোকা প্রশ্ন হতে পারে তবে কৌতূহলের বাইরে ... আপনি এই তারিখের বাকী কোডগুলি কোথায় পেলেন? রেফারেন্সটি কেবল আপনার অন্তর্ভুক্ত থাকা ডিফল্ট নিদর্শনগুলি দেখায়।

— buddyp450

উত্সটি পড়ে পাওয়া গেছে, এখানে ডেট ফরম্যাট পদ্ধতিটি পরীক্ষা করুন: ইউটিলিটিস.জেএস

— ইলসন

কেবল এটি যুক্ত করতে, বর্তমান জুম স্তরের ডিফল্ট প্যাটার্নটিতে 'মিলিসেকেন্ড' কীও রয়েছে।

— Cory

এর জন্য বিশাল ধন্যবাদ - ডকুমেন্টেশনটি "ডেটফর্ম্যাট" বোঝায়, তবে তারা সূত্রের পদ্ধতিতে বা ডক্সে অন্য কোথাও পদ্ধতিটি উল্লেখ করবে কিনা তা তারা অস্পষ্ট। আমাকে একগুচ্ছ সময়

— জন

আমি এটি আপনার উদাহরণ হিসাবে সেট আপ করেছি, তবে এটি এখনও সেকেন্ডে একবারের চেয়ে বেশি বার ডেটা দিলে মিলিসেকেন্ডগুলি দেখায়। আপনি কেন কোন ধারণা আছে?

— নীলস ব্রিঞ্চ

Answer 2

হাইচার্টস এপিআই থেকে এই নমুনাটি দেখুন ।

এটি প্রতিস্থাপন করুন

return Highcharts.dateFormat('%a %d %b', this.value);

এর সাথে

return Highcharts.dateFormat('%a %d %b %H:%M:%S', this.value);

ফাংশন সম্পর্কে এখানে দেখুন dateFormat()।

এছাড়াও দেখুন - টিকইন্টারওয়াল এবং পয়েন্টইন্টারভাল

Comments

এটি একটি পুরানো প্রশ্ন, তবে এই উত্তরটি খুব সহায়ক ছিল। বিশেষত উদাহরণ সংযুক্তি আপনি সংযুক্ত।

— সাইবারএমজে

নমুনা লিঙ্কটি আর কাজ করছে না। আমরা রান নির্বাচন করলে কিছুই হয় না।

— সিমসন

@ সিমসনস আমি এতে ব্যবহৃত হাইচার্টস লিঙ্কটি মারা গিয়েছিল, তাই আমি লিঙ্কটি আপডেট করেছি। এখন, ভাঁজ কাজ করছে বলে মনে হচ্ছে।

— ভেশে গুরুং

এখানে dateFormatগৃহীত তারিখের কোডগুলির একটি তালিকা রয়েছে : github.com/highcharts/highcharts/issues/…

— ট্রেভর গেহম্যান

Answer 3

আপনি এই মত লিখুন:

xAxis: {
        type: 'datetime',
        dateTimeLabelFormats: {
           day: '%d %b %Y'    //ex- 01 Jan 2016
        }
}

অন্যান্য ডেটটাইম ফর্ম্যাটও পরীক্ষা করে দেখুন

http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats