2016-08-17 3 views
1

Я делаю баркар, используя библиотеку javascript Dimensional Charting dc.js. Я пытаюсь отобразить barchart в последовательности, как jan, feb, mar, apr.как показать месяц в последовательности мудрый в dc.js

Я не могу понять, как установить месяцы в последовательности. Я прикрепляю fiddile https://jsfiddle.net/jusjkm8j/27/.

Данные в формате.

Sku  Stars partner review Date 
KBU12  5  Amazon Preferred over the r. 02/05/2016 
KBU12  5  Amazon Gorgeous fixture 05/06/2016 
KBU12  2  Amazon Awesome value! 02/02/2016 
KBU12  2  Homedepot Kitchen Remodel 06/09/2016 
KPF1650 3 Homedepot Wow 02/08/2016 
KPF1650 4 Homedepot Sharp! 05/04/2015 
KPF1650 5 Homedepot cool design 05/05/2015 
KPF1650 1 Amazon Beautiful 09/08/2015 
KPF1650 2 Amazon Very happy 09/11/2016 
GV-100  3 Amazon Great quality 12/12/2015 
GV-100  5 Homedepot Love it 01/03/2015 
GV-100  1 Homedepot Sad I had to return it 12/10/2014 
GV-100  4 Homedepot Beautiful But Stiff 12/11/2014 
GV-100  2 Homedepot Kitchen Faucet 10/04/2014 
KBU24  3 Build  I like the look of faucet 04/05/2014 
KBU24  5 Build  Commercial style without 06/07/2016 
KBU24  4 Build  Very Cool 06/07/2014 
KBU24  1 Build  Excellent! 01/04/2014 
KBU24  3 Build  A beautiful Vessel Sink 07/06/2013 
KBU24  5 Amazon  Beautiful addition 05/04/2013 
+0

я приложил fiddile https://jsfiddle.net/jusjkm8j/27/ – pramod24

ответ

2

с порядковым масштабом ось будет упорядочена функцией идентификации.

Одним из способов достижения этой цели было бы изменить месяц форматировщик к

d3.time.format('%m.%b'); // 01.Jan 

Тогда вы можете на диаграмме сделать

spendHistChart22.xAxis().tickFormat(d => d.substr(3)) 

это будет правильно заказать их, а также отображать только имя месяц.

См скрипку: https://jsfiddle.net/b96exL8b/

+0

Nordfjord Это работает Спасибо !!!!! – pramod24