Highcharts 中文社区

12
返回列表 发新帖
楼主: jingxing35

[已解决] 表示一段电缆某一截的状态的持续时间用瀑布图可行么?

[复制链接]
  • TA的每日心情
    郁闷
    2016-7-19 16:59
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    2

    主题

    9

    帖子

    99

    积分

    HC 新手

    Rank: 1

    积分
    99
     楼主| 发表于 2016-6-21 14:47:42 | 显示全部楼层
    本帖最后由 jingxing35 于 2016-6-21 15:18 编辑
    1. $(function () {
    2.     var series = [{
    3.             name: '告警持续时间',
    4.             data: [
    5.                 [230,new Date('2016-06-17 08:00').getTime(),new Date('2016-06-17 011:30').getTime()]
    6.             
    7.             ]
    8.         },{name: '告警持续时间',
    9.             data: [
    10.                 [560,new Date('2016-06-18 08:00').getTime(),new Date('2016-06-19 06:30').getTime()]
    11.             
    12.             ]
    13.         },{name: '告警持续时间',
    14.             data: [
    15.                 [990,new Date('2016-06-13 08:00').getTime(),new Date('2016-06-14 08:30').getTime()]
    16.             
    17.             ]
    18.         }]
    19.     var measObjNames = "电缆设备告警持续时间图";
    20.     Highcharts.setOptions({
    21.         global: {
    22.             timezoneOffset: -8 * 60
    23.         }
    24.     })
    25.     var chart = new Highcharts.chart({
    26.         chart: {
    27.             renderTo: "container",
    28.             type: 'columnrange',
    29.             zoomType: 'x',
    30.             events: {
    31.                 load: function () {
    32.                     var dataSeries = this.series;
    33.                     box.reqDataInterval = setInterval(function () {
    34.                         /*$.ajax({
    35.                             type: "POST",
    36.                             async: false,
    37.                             url: "Handler/AM/SysAlarmHandler.ashx",
    38.                             data: { "type": "searchAlarmList", "alarmSeverityIDs": "", "measObjIDs": box.measObjID, "acked": 2, "cleared": 2, "st": "", "et": "", "curpagenum": 1, "pagedatanum": 50 },
    39.                             success: function (result) {
    40.                                 if (result != "" || result != null) {
    41.                                    distriAlarms = JSON.parse(result);
    42.                                    for (var i = distriAlarms.DataList.length - 1; i >= 0 ; i--) {
    43.                                         var stTime = new Date(distriAlarms.DataList[i].RaisedTime).getTime();
    44.                                         var edTime
    45.                                         if (distriAlarms.DataList[i].Cleared) {
    46.                                             edTime = new Date(distriAlarms.DataList[i].ClearedTime).getTime();
    47.                                         } else {
    48.                                             edTime = new Date().getTime();
    49.                                         }
    50.                                         dataSeries.push({
    51.                                             name: getThresholdAlarmTypeName(distriAlarms.DataList[i].AlarmSeverity),
    52.                                             color: getAlarmSeverityColor(distriAlarms.DataList[i].AlarmSeverity),
    53.                                             data: [[parseInt(distriAlarms.DataList[i].AlarmSource.split("-")[0]), stTime, edTime]]
    54.                                         });
    55.                                         chart.series.setData(dataSeries,true)
    56.                                     }
    57.                                }
    58.                             }
    59.                         });*/
    60.                     }, refreshTime * 1000);
    61.                 }
    62.             },
    63.         },
    64.         title: {
    65.             text: measObjNames
    66.         },
    67.         subtitle: {
    68.             text: null
    69.         },
    70.         xAxis: {
    71.         },
    72.         yAxis: {
    73.             reversed: true,
    74.             type: 'datetime',
    75.             title: {
    76.                 text: '告警持续时间'
    77.             }
    78.         },
    79.         tooltip: {
    80.                         formatter: function () {
    81.                 return Highcharts.dateFormat('%H:%M',this.y);
    82.             }
    83.         },
    84.         plotOptions: {
    85.             columnrange: {
    86.                 dataLabels: {
    87.                     enabled: true,
    88.                     formatter: function () {
    89.                         return Highcharts.dateFormat('%H:%M',this.y);
    90.                     }
    91.                 }
    92.             }
    93.         },
    94.         legend: {
    95.             enabled: true
    96.         },
    97.         series: series,
    98.         credits: {
    99.             enabled: false
    100.         }
    101.     });

    102. });
    复制代码

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关闭

    站长推荐上一条 /1 下一条

    快速回复 返回顶部 返回列表