amCharts yaxis值格式问题

时间:2018-08-13 16:17:35

标签: javascript html amcharts

使用amcharts,我正在绘制包含3种数据的图表。但是这两个会带来问题。

  1. 作业执行持续时间-该值实际上应为'hh:mm'
    格式,例如03:30(可以读取为3小时30分钟)
  2. 一天中的时间-值应为“ hh:mm”格式,例如08:30(可以读取为上午8:30)

我尝试过,但是我没有让它们按预期工作(我希望上述格式的轴值)。这是我的JSfiddle。任何建议/更正将不胜感激!

代码在JS部分下:var chart = AmCharts.makeChart

1 个答案:

答案 0 :(得分:0)

请找到以下代码

 return {
    'type': 'serial',
    'theme': 'light',
    'marginTop': 0,
    "autoMarginOffset": 20,
    'marginRight': 80,
    "mouseWheelZoomEnabled":true,
    "legend": {
      "align": "center",
      "listeners": [ {
        "event": "hideItem",
        "method": this.legendHandler
      }, {
        "event": "showItem",
        "method": this.legendHandler
      } ]


    },


    'dataProvider': dataProvider,
    'valueAxes': [{

      "minimum": 0,  
      "axisColor":"#FFFFFF",
      "titleColor":"#FFFFFF",
      "color":"#FFFFFF",   
        "strictMinMax": true,
      'axisAlpha': 0,
      'position': 'left',
     // "title":selectedParameter +" Level  ("+type+")"
    },
    {
      "logarithmic": true,
      "dashLength": 1,
      position: "left",

    }
  ],
    'graphs': graphlinelist,

    'chartScrollbar': {
      'graph': 'g1',
      'gridAlpha': 0,
      'color': '#888888',
      'scrollbarHeight': 55,
      'backgroundAlpha': 0,
      'selectedBackgroundAlpha': 0.1,
      'selectedBackgroundColor': '#888888',
      'graphFillAlpha': 0,
      'autoGridCount': true,
      'selectedGraphFillAlpha': 0,
      'graphLineAlpha': 0.2,
      'graphLineColor': '#c2c2c2',
      'selectedGraphLineColor': '#888888',
      'selectedGraphLineAlpha': 1
    },
    'chartCursor': {
      'categoryBalloonDateFormat': 'YYYY-MM-DD JJ:NN:SS',
      'cursorAlpha': 0,
      'valueLineEnabled': true,
      'valueLineBalloonEnabled': true,
      'valueLineAlpha': 0.5,
      'fullWidth': true
    },
    'dataDateFormat': 'YYYY-MM-DD JJ:NN:SS',
    'categoryField': 'Date',
    'categoryAxis': {
      'minPeriod': 'ss',
      "labelColorField":"#FFFFFF",
      'parseDates': true,
      "axisColor":"#FFFFFF",
      "titleColor":"#FFFFFF",
      "color":"#FFFFFF",
      'minorGridAlpha': 0.1,
      "title": "Time(24 hours)",
      'minorGridEnabled': true
    },
    'export': {
      'enabled': true
    }
  };
}

您可以使用'dataDateFormat':'YYYY-MM-DD JJ:NN:SS',   要么 'dataDateFormat':'NN:SS',