H轴上具有对数刻度的日期(Google图表)

时间:2018-06-24 01:33:23

标签: javascript google-visualization

我需要H轴上的对数刻度,格式为DATE。

在示例中,您可以看到H轴(0-100)可视化为对数刻度,没问题。我需要这个比例才能成为实际的日期。我知道如果您有2个日期或2个时间戳,就不能在它们之间 log 。

尝试

x(H轴)是PAST_SECONDS,所以0-100可以提供,以防我想回头100秒。

问题

一旦我使用非日期时间值,就无法将PAST SECONDS格式化为格式正确的日期。格式如下:TIMESTAMP + PAST_SECONDS

问题

是否有获取格式回调或H轴标签的方法? 如果没有,是否有办法将格式化的日期(从PAST_SECONDS)带到弹出窗口中?

PAST_SECONDS作为H轴(x)的示例

var chart_options = {
  hAxis: {
    logScale: true,
    direction: -1,
  },
  vAxes: {
    0: {
      title: 'A',
      viewWindowMode:'explicit',
      viewWindow: {
        max:100,
        min:1
      },
      gridlines: {style: "dashed",},
    },
    1: {
      title: 'B',
      viewWindowMode:'explicit',
      viewWindow: {
        max:100,
        min:1
      },
      gridlines: {color: 'transparent'},
    },
  },
  series: {
    0: {
      type: 'line',
      targetAxisIndex:0,
      color: '#C0504E',
    },
    1: {
      type: 'area',
      targetAxisIndex:1,
      color: '#4F81BC'
    }
  },
};

google.charts.load('current', {'packages':['corechart'], 'language': 'en'});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
    chart = new google.visualization.ComboChart($('#chart').get(0));
    chart_data = new google.visualization.DataTable();
    chart_data.addColumn('number', 'x');
    chart_data.addColumn('number', 'A');
    chart_data.addColumn('number', 'B');
    for( var i = 0; i < 100; i++ ) {
      chart_data.addRow([
        i,
        Math.round(Math.random()*10)+70,
        Math.round(Math.random()*20)+20
      ]);
    }
    chart.draw(chart_data, chart_options);  
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart"></div>

0 个答案:

没有答案