highcharts x轴按照时间 datetime排序

1、我的配置文件代码：

var chart = Highcharts.chart('warningCharts', {chart: {type: 'line',},style: {fontSize: '12px',color: '#006cee',padding: '10rpx',},title: {text: null,},subtitle: {text: null,},series: data,xAxis: {type: 'datetime',dateTimeLabelFormats: {day: '%m-%d',},},yAxis: {allowDecimals: false,title: {text: null,},},credits: { enabled: false },legend: {enabled: false,layout: 'vertical', // 垂直布局align: 'right', // 靠右verticalAlign: 'top', // 顶部},plotOptions: {series: {label: {connectorAllowed: false,},allowPointSelect: true,point: {events: {select: function (e) {self.getOrders(e.target.name)},},},},},tooltip: {borderRadius: 10, // 边框圆角shadow: true, // 是否显示阴影animation: true, // 是否启用动画效果style: {// 文字内容相关样式color: '#498bf8',fontSize: '12px',fontFamily: 'Courir new',},pointFormatter: function () {return '<b>' + this.y + '次' + '</b><br/>'},formatter: function () {return Highcharts.dateFormat('%Y-%m-%d', this.x) + '<br/>工单数:' + this.y},},responsive: {rules: [{condition: {maxWidth: 500,},chartOptions: {legend: {layout: 'horizontal',align: 'center',verticalAlign: 'bottom',},},},],},})chart.reflow()

其中数据为：

[{"name":"事件1","data":[{"x":1592582400000,"y":4},{"x":1592668800000,"y":4},{"x":1592928000000,"y":4},{"x":1593187200000,"y":5}]},{"name":"事件2","data":[{"x":1592582400000,"y":6},{"x":1592755200000,"y":4},{"x":1592841600000,"y":12},{"x":1593187200000,"y":4}]}]

效果截图：

highcharts x轴按照时间 datetime排序相关推荐

Highcharts x轴为时间时，设置plotBands
当使用Highcharts 时,若x轴为时间,同时需要设置plotBands情节带. 假设有这样的数据,x轴为日期,data是数据,当Mark标记为1的时候设置plotBands.当设置x轴数据时,将 ...
一辆智能小车，最初（时间为0)的位置为(0,0)，我们想知道它最后的位置。小车以每小时10公里的速度向北移动（以北为y轴正向，以东为x轴正向）。小车会受到一系列依照时间戳记排序的命令，1表示“向左转”
/*有一辆智能小车,最初(时间为0)的位置为(0,0),我们想知道它最后的位置.小车以每小时10公里的速度向北移动(以北为y轴正向,以东为x轴正向).小车会受到一系列依照时间戳记排序的命令,1表示&q ...
python相机拍照显示时间_python让图片按照exif信息里的创建时间进行排序的方法...
本文实例讲述了python让图片按照exif信息里的创建时间进行排序的方法.分享给大家供大家参考.具体分析如下: 我们经常会从不同的设备里取出照片,比如照相机,手机,iphone等等,操作系统记录的创 ...
利用QT实现X轴为时间动态显示曲线
/**********************************************************************************Author: zyh*Versi ...
js时间-价格-排序案例____冒泡排序实例
js 时间-价格-排序,静态页面排序案例冒泡排序实例在项目中用到的一个例子,分享一下. var sort = { sortdata : '', //排序之前必须先填充原始数据 //来源我 ...
linux 中查找文件，并且将目标文件按时间顺序排序
From: http://blog.csdn.net/linhx/article/details/5440288 linux 中,在redhat中检测过了,查找文件,并且将目标文件按时间顺序排序,这里 ...
对List集合中每个对象元素按时间顺序排序
首先创建一个实体类 package com.huawei.Test;import java.util.Date;/*** @author h84250472* @title: User$* @desc ...
linux下查找文件并按时间顺序排序的方法
本文为joshua317原创文章,转载请注明:转载自joshua317博客 https://www.joshua317.com/article/33 本节内容,介绍在linux系统查找指定的文件,并按 ...
python用matplotlib作图时，x轴为时间轴，如何让x轴每隔几个点显示一次？
用matplotlib作图时,x轴为时间轴,一共有365个点,如果让所有这些点都显示出来,x轴将变得拥挤不堪. 如何让x轴每隔比如20个点显示一次? 见如下代码:(如下代码使用了一份文件是已知的一年内 ...

highcharts x轴按照时间 datetime排序

highcharts x轴按照时间 datetime排序相关推荐

最新文章

热门文章

highcharts x轴 按照时间 datetime排序

highcharts x轴 按照时间 datetime排序相关推荐

最新文章

热门文章

highcharts x轴按照时间 datetime排序

highcharts x轴按照时间 datetime排序相关推荐