介绍
我们的JavaScript图表以及JavaScript Stock Charts允许您设置显示的日期的自定义格式。也就是说基于日期的类别轴和图表的其他一些位置。
您可以使用多个选项为每个显示的时间段(小时,天,月等)设置日期格式:直接在CategoryAxis对象上或通过CategoryAxesSettings(仅股票图表)
[{period:'fff',format:'JJ:NN:SS'},
{period:'ss',format:'JJ:NN:SS'},
{period:'mm',format:'JJ:NN'},
{period:'hh',format:'JJ:NN'},
{period:'DD',format:'MMM DD'},
{period:'WW',format:'MMM DD'},
{period:'MM',format:'MMM'},
{period:'YYYY',format:'YYYY'}]
例如,当图表要显示特定日期的日期时,它查找“DD”期间并采用其格式设置“MMM DD”。 “MMM”表示三个字母的缩写,“DD” - 天数。 也就是说 “Jan 12”。
所以为了改变日期格式,你只需要更新上面的数组与你需要的任何设置。
举个栗子
"categoryAxis": {
"startOnAxis": true,
"axisColor": "#DADADA",
"gridAlpha": 0.07,
"dateFormats":
[
{period:'DD',format:'MM-DD'},
{period:'YYYY',format:'YYYY'}
]
},
如上:x轴遇到每天的显示是 12-1, 12-2。 还有周,时,分,秒都可以。