tick period test

HTML

<script src="https://cdn.jsdelivr.net/npm/d3@4.13.0/build/d3.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/taucharts@2.5.1/dist/taucharts.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/taucharts@2.5.1/dist/taucharts.min.css">
<div>
  <div id="target" class="c"></div>
</div>

CSS

.c {
  border: solid 1px gray;
  width: 635px;
  height: 400px;
  margin: 0;
  padding: 0;
  float: left;
}

JavaScript

new Taucharts.Chart({
    data: data(),
    type: 'line',
    x: 'i',
    y: 'val',
    color: 'type',
    guide: {
    	showAnchors: 'always'
    },
    plugins: [
        Taucharts.api.plugins.get('tooltip')()
    ]
}).renderTo('#target');


function data() {
	return [
    {i: 0, val: 10, type: 'A'},
    {i: 5, val: 20, type: 'A'},
    {i: 10, val: 15, type: 'A'},
    {i: 0, val: 15, type: 'B'},
    {i: 5, val: 5, type: 'B'},
    {i: 10, val: 10, type: 'B'}
  ]
}