AMChart4中如何显示每天的特定小时数?
创始人
2024-09-30 03:30:51
0

可以使用DataAxis的renderer函数自定义日期轴的格式,设置为只显示特定小时数。具体代码如下所示:

chart.dateFormatter.dateFormat = "YYYY-MM-DD HH:mm"; chart.dataDateFormat = "YYYY-MM-DD HH:mm";

var dateAxis = chart.xAxes.push(new am4charts.DateAxis()); dateAxis.renderer.grid.template.location = 0; dateAxis.renderer.minGridDistance = 60; dateAxis.renderer.labels.template.fill = am4core.color("#ffffff"); dateAxis.renderer.labels.template.fontSize = 12; dateAxis.renderer.labels.template.fontWeight = "bold"; dateAxis.renderer.labels.template.adapter.add("text", function(labelText, target) { if (target.dataItem.index % 4 == 0 || target.dataItem.index == target.axisRange.end - 1) { return chart.dateFormatter.format(target.dataItem.date,"HH:mm"); } else { return ""; } });

在上述代码中,我们使用adapter来对日期标签文本进行自定义。我们对于每四个标签和最后一个标签进行格式化,并将其设置为HH:mm格式(24小时制)。其余的标签我们将其设置为空字符串。

相关内容

热门资讯

wepoke有辅助挂!德州最新... wepoke有辅助挂!德州最新辅助器(透视)一贯是有挂(详细辅助揭秘教程)1、金币登录送、破产送、升...
德州之星有辅助挂!德州扑克后台... 德州之星有辅助挂!德州扑克后台监控(透视)果然存在有挂(详细辅助线上教程)是一款可以让一直输的玩家,...
wepoke辅助技巧!wpk德... wepoke辅助技巧!wpk德州代打是真的吗(透视)原来存在有挂(详细辅助分享教程)1、超多福利:超...
德扑之星ai代打!扑克之城怎么... 德扑之星ai代打!扑克之城怎么那么假(透视)原来是真的有挂(详细辅助扑克教程)是一款可以让一直输的玩...
wpk透视辅助!云扑克德州有挂... wpk透视辅助!云扑克德州有挂吗(透视)竟然是有挂(详细辅助必赢方法)1)wpk透视辅助辅助挂:进一...
微扑克wpk透视辅助!wpk透... 一、微扑克wpk透视辅助简介了解软件请加微:136704302微扑克wpk透视辅助是一款在线扑克游戏...
智星德州菠萝辅助器!poken... 智星德州菠萝辅助器!pokenow有挂吗(透视)固有真的是有挂(详细辅助黑科技教程);是一款可以让一...
微扑克系统发牌规律!wpk a... 微扑克系统发牌规律!wpk ai辅助有没有用(透视)原先是真的有挂(详细辅助技巧教程);是一款可以让...
微扑克ai辅助!菠萝德州有挂吗... 微扑克ai辅助!菠萝德州有挂吗(透视)素来有挂(详细辅助玩家教你)是一款可以让一直输的玩家,快速成为...
德扑之星有猫腻!扑克王辅助工具... 德扑之星有猫腻!扑克王辅助工具(透视)往昔真的有挂(详细辅助解密教程)是一款可以让一直输的玩家,快速...