How to add numbers to x axis instead of year in morris line chart?
<p>I have added morris line chart in my python project. I want x-axis in the interval of 5-10-15-20-15-30. And not in the year format. How to do it?</p>

<pre><code>$(document).ready(function(){           
    Morris.Line({
        element: 'line-example',
        data: [
            { y: '5', a: {{count5}}, b: {{count11}} },
            { y: '10', a: {{count6}} ,  b: {{count12}} },
            { y: '15', a: {{count7}},  b: {{count13}} },
            { y: '20', a: {{count8}},  b: {{count14}} },
            { y: '25', a: {{count9}},  b: {{count15}} },
            { y: '30', a: {{count10}} ,  b: {{count16}} }
        ],
        xkey: 'y',
        ykeys: ['a','b'],
        labels: ['Customer Added','Reqest Received']
    });
});
</code></pre>

<p>Simply set the <code>parseTime</code> parameter to <code>false</code>:</p>

<pre><code>parseTime: false
</code></pre>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>Morris.Line({
  element: 'line-example',
  data: [
    { y: '5', a: 2, b: 3 },
    { y: '10', a: 5, b: 15 },
    { y: '15', a: 30, b: 8 },
    { y: '20', a: 100, b: 35 },
    { y: '25', a: 50, b: 10 },
    { y: '30', a: 20, b: 30 }
  ],
  xkey: 'y',
  ykeys: ['a', 'b'],
  labels: ['Customer Added', 'Reqest Received'],
  parseTime: false
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"&gt;&lt;/script&gt;
&lt;script src="http://code.jquery.com/jquery-2.1.4.min.js"&gt;&lt;/script&gt;
&lt;script src="http://cdn.oesmith.co.uk/morris-0.5.1.min.js"&gt;&lt;/script&gt;
&lt;link href="http://cdn.oesmith.co.uk/morris-0.5.1.css" rel="stylesheet"/&gt;

&lt;div id="line-example"&gt;&lt;/div&gt;</code></pre>
</div>
</div>
</p>

python html jquery-ui morris.js