小编Sam*_* Ch的帖子

图表js v2工具提示回调换行符

我正在尝试在图表js v2工具提示回调中添加换行符

我的代码:

var myChart = new Chart(ctx, {
  type: 'line',
  data: data,
  options: {
    tooltips: {
      callbacks: {
        label: function(tooltipItem, data) {
          var tooltip = "example tooltip";
          var otherTooltip = "other tooltip";
          return tooltip + "\n\r" + otherTooltip;
        }
      }
    }
  }
});
Run Code Online (Sandbox Code Playgroud)

使用\r,\n或两者的组合不工作,任何人有任何想法?

我顺便使用图表js v2.3.0.

UPDATE

我已经解决了这个问题!

将工具提示文本转换为字符串数组(我将从上面的代码中跳过)例如

...
label: function(tooltipItem, data) {
  var firstTooltip = "tooltip1";
  var otherTooltip = "tooltip2";
  var tooltip = new Array(firstTooltip, otherTooltip);
  return tooltip;
}
Run Code Online (Sandbox Code Playgroud)

瞧!

现在工具提示有换行符.

javascript jquery chart.js

7
推荐指数
2
解决办法
3231
查看次数

标签 统计

chart.js ×1

javascript ×1

jquery ×1