在 ChartJs 中将长标签更改为多行（换行）标签

Question

(\xe2\x86\x91 这根本不是我问题的答案！！:( )

\n\n

你好~我正在使用chartJS来绘制折线图。

\n\n

    var areaChartData = {\n      labels: ["2016-02-11_19:59:24", "2016-02-11_20:59:24", "2016-02-12_21:59:24", "2016-02-21_22:59:24", "2016-02-21_23:59:24", "2016-02-22_19:59:24", "2016-02-22_23:59:24", "2016-02-23_23:59:24", "2016-02-24_23:59:24", "2016-02-25_23:59:24"],\n      datasets: [\n        {\n          label: "Elec",\n          fillColor: "rgba(210, 214, 222, 1)",\n          strokeColor: "rgba(210, 214, 222, 1)",\n          pointColor: "rgba(210, 214, 222, 1)",\n          pointStrokeColor: "#c1c7d1",\n          pointHighlightFill: "#fff",\n          pointHighlightStroke: "rgba(220,220,220,1)",\n          data: [65, 59, 80, 81, 56, 55, 40, 23, 22, 21]\n        },\n        {\n          label: "Goods",\n          fillColor: "rgba(60,141,188,0.9)",\n          strokeColor: "rgba(60,141,188,0.8)",\n          pointColor: "#3b8bba",\n          pointStrokeColor: "rgba(60,141,188,1)",\n          pointHighlightFill: "#fff",\n          pointHighlightStroke: "rgba(60,141,188,1)",\n          data: [28, 48, 40, 19, 86, 27, 90, 23, 22, 21]\n        }\n      ]\n    };\n

\n\n

如果没有角度，我无法在图表中显示标签，因为标签太长而无法显示。\n我想将轴标签中的标签更改为多行标签

\n\n

2016-02-11_19:59:24
\n
\n 到
\n
\n2016-02-11
\n19:59:24

\n\n

如何更改选项或 Char.js 脚本？

\n\n

http://jsfiddle.net/TZq6q/242/\n\n​
​ http://jsfiddle.net/zruvru23/1/

\n

Answer 1

根据官方示例存储库，您应该将单行放入另一个数组中：

data: {
    labels: [['June', '2015'], 'July', '...', ['January', '2016'], 'February', '...'],
    // Rest of config

在这种情况下June 2015，January 2016该年份将有一个新的生产线，其余的标签将不会被包装。

该示例来自折线图，我也使用条形图对其进行了测试，但它应该适用于所有图表类型。

使用 ChartsJS 2.7.2 版本进行测试

Answer 2

将标签定义更改为：

 labels: [["2016-02-11", "19:59:24"], ["2016-02-11","20:59:24"]]