在图表专家提示插件中显示日期(DD-MM-YYY)格式?

时间:2018-11-28 09:03:55

标签: javascript chartist.js

有一个图表专家中的图表工具提示插件实现,我想知道是否可以将日期格式更改为人类可读的格式,例如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()
  ]
});

在工具提示中,x轴值显示为15433865410,我需要将其设置为DD-MM-YYYY。任何建议表示赞赏

1 个答案:

答案 0 :(得分:0)

您不能在x中放置一个string值,因为它总是需要一个integer。但是您可以用meta的日期格式写成dd-mm-yyyy。这是我的代码-

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;
}