热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Chart.jsY轴标签,反向工具提示顺序,缩短X轴标签

如何解决《Chart.jsY轴标签,反向工具提示顺序,缩短X轴标签》经验,为你挑选了1个好方法。



1> Quince..:

1. 添加Y轴标签

yAxes对象中给它一个scaleLabel接受的对象 labelString (示例小提琴)

yAxes: [{
    scaleLabel: {
      labelString: 'Value'
    }
 }]

2. 缩短xAxis类别标签

为此,您可以将userCallback函数传递给可以返回所需输出的xAxis ticks对象.该函数将在其第一个参数中包含原始标签,因此您只需返回所需长度的子字符串,例如小提琴

 xAxes: [{
    ticks: {
      userCallback: function(label, index, labels) {
        if(typeof label === "string")
        {
         return label.substring(0,1)
        }
        return label;

      },
    }
  }],

3. 反向工具提示顺序

tooltips对象接受一个itemSort可以传递给的函数Array.prototype.sort.

所以你可以像下面这样,但你可能还需要比较对象索引以及datasetIndex来获得你想要的结果.(例子小提琴)

tooltips: {
  mode: 'label',
  itemSort: function(a, b) {
    return b.datasetIndex - a.datasetIndex
  },

},


推荐阅读
author-avatar
那永A_334
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有