Изменение временной шкалы в Chartkick

Я использую Chartkick для визуализации линейного графика с несколькими сериями. Код ниже: -

<h1>Multiple Series Line</h1> <div id="chart-4" style="height: 300px;"></div> <script> new Chartkick.LineChart("chart-4", [{"name":"Workout","data":{"2013-02-10 00:00:00 -0800":3,"2013-02-17 00:00:00 -0800":3,"2013-02-24 00:00:00 -0800":3,"2013-03-03 00:00:00 -0800":1,"2013-03-10 00:00:00 -0800":4,"2013-03-17 00:00:00 -0700":3,"2013-03-24 00:00:00 -0700":2,"2013-03-31 00:00:00 -0700":3}},{"name":"Go to concert","data":{"2013-02-10 00:00:00 -0800":0,"2013-02-17 00:00:00 -0800":0,"2013-02-24 00:00:00 -0800":0,"2013-03-03 00:00:00 -0800":0,"2013-03-10 00:00:00 -0800":2,"2013-03-17 00:00:00 -0700":1,"2013-03-24 00:00:00 -0700":0,"2013-03-31 00:00:00 -0700":0}},{"name":"Wash face","data":{"2013-02-10 00:00:00 -0800":0,"2013-02-17 00:00:00 -0800":1,"2013-02-24 00:00:00 -0800":0,"2013-03-03 00:00:00 -0800":0,"2013-03-10 00:00:00 -0800":0,"2013-03-17 00:00:00 -0700":1,"2013-03-24 00:00:00 -0700":0,"2013-03-31 00:00:00 -0700":1}},{"name":"Call parents","data":{"2013-02-10 00:00:00 -0800":5,"2013-02-17 00:00:00 -0800":3,"2013-02-24 00:00:00 -0800":2,"2013-03-03 00:00:00 -0800":0,"2013-03-10 00:00:00 -0800":0,"2013-03-17 00:00:00 -0700":1,"2013-03-24 00:00:00 -0700":1,"2013-03-31 00:00:00 -0700":0}},{"name":"Eat breakfast","data":{"2013-02-10 00:00:00 -0800":3,"2013-02-17 00:00:00 -0800":2,"2013-02-24 00:00:00 -0800":1,"2013-03-03 00:00:00 -0800":0,"2013-03-10 00:00:00 -0800":2,"2013-03-17 00:00:00 -0700":2,"2013-03-24 00:00:00 -0700":3,"2013-03-31 00:00:00 -0700":0}}]); </script>

, а вывод скрипта -

введите описание изображения здесь

Теперь мой вопрос: я могу редактировать все на диаграмме, но я не могу изменить временную шкалу график. Как и временная шкала на текущем графике = [15 февраля 2013 г., 22 февраля 2013 г., 1 марта 2013 г., 8 марта 2013 г., 15 марта 2013 г., 22 марта 2013 г., 29 марта 2013 г.]
Я хочу изменить текущую временную шкалу в виде = [янв, фев, мар, апр, май, июн, июл, авг, сен, окт, ноя, дек]


java javascript visualization chartkick jsp
person Lovish    schedule 24.11.2014    source источник

Ответы (1)


arrow_upward
6
arrow_downward

Я не использовал Chartkick ... Но для того же требования я использовал dviz-master api и выполнил свое требование ... Код приведен ниже -

Линейный график

<pre><code>
Name, cat-A,cat-B , cat-C
Jan, 1, 2, 3
Feb, 4, 5, 6
Mar, 7, 8, 9
</code></pre>
<p><code>(@line)</code></p>



и результат будет похож на

введите описание изображения здесь

person monu dwivedi    schedule 24.11.2014
comment
спасибо @monu dwivedi, я пробую ваше решение, дайте вам знать, если оно сработало, и если у меня возникнут какие-либо проблемы. - person Lovish; 24.11.2014