(↑ 这根本不是我问题的答案!!:( )
您好~我正在使用 chartJS 绘制折线图。
var areaChartData = {
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"],
datasets: [
{
label: "Elec",
fillColor: "rgba(210, 214, 222, 1)",
strokeColor: "rgba(210, 214, 222, 1)",
pointColor: "rgba(210, 214, 222, 1)",
pointStrokeColor: "#c1c7d1",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: [65, 59, 80, 81, 56, 55, 40, 23, 22, 21]
},
{
label: "Goods",
fillColor: "rgba(60,141,188,0.9)",
strokeColor: "rgba(60,141,188,0.8)",
pointColor: "#3b8bba",
pointStrokeColor: "rgba(60,141,188,1)",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(60,141,188,1)",
data: [28, 48, 40, 19, 86, 27, 90, 23, 22, 21]
}
]
};
我无法在没 Angular 情况下显示图表中的标签,因为标签太长而无法显示。 我想将标签更改为轴标签中的多行标签
2016-02-11_19:59:24
到
2016-02-11
19:59:24
如何更改选项或 Char.js 脚本?
http://jsfiddle.net/TZq6q/242/
http://jsfiddle.net/zruvru23/1/
最佳答案
据官方sample repo你应该把单行放到另一个数组中:
data: {
labels: [['June', '2015'], 'July', '...', ['January', '2016'], 'February', '...'],
// Rest of config
在这种情况下,June 2015
和 January 2016
将有一个新的年份行,其余标签将不会换行。
示例来自折线图,我也用条形图对其进行了测试,但它应该适用于所有图表类型。
使用 ChartsJS 2.7.2 版本测试
关于javascript - 在 ChartJs 中将长标签更改为多行(换行)标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35403232/