图形的对数图(PHP 或 JS)

Posted

技术标签:

【中文标题】图形的对数图(PHP 或 JS)【英文标题】:Logarithmic Plot for a Graph (PHP or JS) 【发布时间】:2020-06-22 18:56:23 【问题描述】:

我尝试过 canvasJS、Jpgraph、Google Graph 等,但我似乎无法让它看起来与此相似,因为它是垂直的。

谷歌图表尝试:

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);

有没有人做过类似的东西?

【问题讨论】:

到目前为止您尝试过什么?出了什么问题? 嗯,从哪里开始......所以,我用谷歌把例子放在上面的图表下面。 【参考方案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

;

【讨论】:

虽然此代码可能会回答问题,但提供有关此代码为何和/或如何回答问题的额外上下文可提高其长期价值。 罗杰,我会修改先生。

以上是关于图形的对数图(PHP 或 JS)的主要内容,如果未能解决你的问题,请参考以下文章

将图形改为对数比例,但轴保持在非对数比例中

用 ggplot2 注释 R 中的矩形以获得对数刻度的图形

虎书学习笔记1:图形学基础数学(集合映射逆映对数三角学)

(专题四)03 其它形式的二维曲线

50k点的图形库? PHP 或 Javascript

R-基本图形-ch6