c3 tick space inspection

c3 tick label width analysis/playaround

by sqiudward

HTML

<script src="https://rawgit.com/masayuki0812/c3/master/c3.js"></script>
<link rel="stylesheet" href="https://rawgit.com/masayuki0812/c3/master/c3.css">
<div id="chart"></div>

JavaScript

var d = (30 * 24 * 3600); // last 30 days

var array_times = [1414540800000, 1414627200000, 1414627200000 , 1414627200000 , 1414627200000 , 1456528117000];
var array_values = [67, 66.22, 68, 68, 68, 77];

var labelWeight = 'weight in kg';

var window_period = (30 * 24 * 3600); // last 30 days


function dateToString(e) {
    var date = new Date(e);
    return date.toDateString().substring(4);
}


var chart = c3.generate({
    bindto: '#chart',
    data: {
        columns: [
          [labelWeight].concat(array_values)
        ],
        type: 'area'
    },
  
    legend: {
        show: false
    },
    grid: {
        x: {
            show: true
        },
        y: {
            show: true
        }
    },
    axis: {
        x: {
            label: {
                text: 'Time [days]'
            },
            type: 'indexed',
            tick: {
            		rotate: 90,
                format: function (index) {
                    return dateToString(array_times[index]);
                }
            }
        }
    }
});