首页 > 解决方案 > ChartJS 用于 1 和 0 值显示 true 或 false

问题描述

所以我有一个图表,其数据集介于 0 - 1 之间(这表示我们在特定日期是否有库存)并且使用图表,而不是为每个日期打印 1 或 0,我希望它显示是或否,或至少是真/假

https://nimb.ws/W9CVKI - 在这里你有它显示数据的当前方式

{
      "labels": [
        "23.02.2019",
        "24.02.2019",
        "25.02.2019",
        "26.02.2019",
        "27.02.2019",
        "28.02.2019",
        "01.03.2019",
        "02.03.2019"
      ],
      "datasets": [
        {
          "label": "Stock evolution",
          "lineTension": 0,
          "borderColor": "#37a1eb",
          "backgroundColor": "transparent",
          "pointBackgroundColor": "#fff",
          "data": [
            1,
            1,
            1,
            0,
            1,
            0,
            1,
            1
          ]
        }
      ]
    }

标签: chart.jschartjs-2.6.0vue-chartjs

解决方案


如果要沿 yAxes 生成所需的结果,请使用类似于以下内容的内容:

yAxes:[{
    ticks:{
        callback:function(value,index,values){
            if (value == 1) return "True";
            if (value == 0) return "False";
        }
    }
}]

推荐阅读