javascript - 创建具有对数 Y 轴的图表

标签 javascript html charts logging logarithm

我在 Y 轴上使用算术(恒定比例)创建了各种图表。现在我想创建一个带有对数 Y 轴的轴。

例如:1 和 2 之间的距离应该与 2 和 4 相同

关于缩放方法的任何想法

谢谢

最佳答案

“算术”是指特定的程序或插件吗?否则,如果您只是意味着您有一个 x 和 y 值列表,那么将 y 值通过对数函数并绘制出来。您使用什么语言编程?

编辑

嘿抱歉,我花了一段时间才回复你。这是您要查找的代码吗?

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Demo</title>
    
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>

        var test = {
            x_values: [0,10,20,30,40,50,60,70,80,90,100],
            y_values: [0,10,20,30,40,50,60,70,80,90,100],
            convert_values_to_log10: function (values) {
                var i=0;
                var converted_values = []
                for (i=0; i<values.length; i++) {
                    converted_values[i] = Math.log(values[i])/Math.LN10
                }
            return converted_values;
            }
            
        }
        
        $(document).ready(function(){
          $('#x_vals').text(test.x_values.toString());
          $('#y_vals').text(test.y_values.toString());
          $('#y10_vals').text(test.convert_values_to_log10(test.y_values).toString());
        });
        
    </script>
    
  </head>
  <body>

    <h2>x values = </h2>
    <p id="x_vals"></p>
    <h2>y values = </h2>
    <p id="y_vals"></p>
    <h2>log10 y values = </h2>
    <p id="y10_vals"></p>

  </body>
</html>

关于javascript - 创建具有对数 Y 轴的图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7133603/

相关文章:

Javascript:将标签的值传递给变量

android - Android 上的图表引擎

javascript - 自动重新加载 OpenLayers.Layer.Text 标记的数据

javascript - 如何使用 TypeScript 声明文件在 Node.js 中请求外部 js 库

javascript - 非 Microsoft 浏览器 - 如何获取失败的错误代码?

javascript - 如何使用动态数据创建 Google 饼图?

javascript - Highcharts 简单条形图占总数的百分比

javascript - DOM Excptn 8 : Adding a Picture to a Div

javascript - Angular 2在初始化第二张 map 时无法读取未定义的属性 'maps'

html - img 标签验证错误 : Bad value for attribute src on element img: Backslash ("\") used as path segment delimiter