在图表专家提示插件中显示日期（DD-MM-YYY）格式？

Question

There is implementation of chartist tool tip plugin in a chartist, I like to know is it possible to change the date format to human readable as such DD-MM-YYYY.

    var chart = new Chartist.Line('.ct-chart', {
  labels: [1, 2, 3],
  series: [
    [
      {meta: 'description', x :new Date(parseInt(15433865410)), y: 25},

    ],
  ]
}, {
  plugins: [
    Chartist.plugins.tooltip()
  ]
});

In tooltip the x axis value shows as 15433865410, I need it to be DD-MM-YYYY. Any suggestion appreciated

Answer 1

You can't put an string value in x because it always takes an integer . But you can write in meta in date format dd-mm-yyyy . Here's my code -

var chart = new Chartist.Line('.ct-chart', {
  labels: [1, 2, 3],
  series: [
    [
      {meta: dateConvert(15433865410)+', '+ 25, x:new Date(parseInt(15433865410)), y: 25},

    ],
  ]
}, {
  plugins: [
    Chartist.plugins.tooltip()
  ]
});

function dateConvert(dateString){
  dateStr = new Date(parseInt(dateString));
  dateStr = dateStr.getDate() + '-' + ("0" + (dateStr.getMonth() + 1)).slice(-2) + '-' + dateStr.getFullYear();
  return dateStr;
}