图的对数图（PHP或JS）

Question

[我尝试过使用canvasJS，Jpgraph，Google Graph等工具，但就垂直而言，我似乎无法使其看起来与此类似。

Google图表尝试：

google.charts.load('current', {packages: ['corechart', 'line']});
google.charts.setOnLoadCallback(drawBasic);

function drawBasic() {

  var data = new google.visualization.DataTable();


  data = google.visualization.arrayToDataTable([
      ['X', 'Item1', 'Item2'],

           ['0',  0,      0],
           ['100',  749.8942093,       749.8942093],
           ['1000',  865.9643234,   865.9643234]
  ]);

  var options = {
  orientation: 'vertical',
    hAxis: {
      title: 'Time'
    },

    vAxis: {
      title: 'Popularity'
    }

  };

  var chart = new 
google.visualization.LineChart(document.getElementById('chart_div'));

  chart.draw(data, options);
}

有人有做这样的东西的经验吗？

Answer 1

这解决了此问题，因为将类型同时添加到y轴和x轴，并且还包括了两者的范围。

  var layout = {
  width: 700,
  height: 700,
xaxis: {
  type: 'log',
  range: [3,5]  // Log Range.  10^n
},
yaxis: {
  type: 'log',
  range: [-2,3]  // Log Range.  10^n
}
};