【问题标题】:Why the following data produce wrong chart?为什么以下数据会产生错误的图表?
【发布时间】:2014-02-01 11:24:05
【问题描述】:

我正在使用graphael的折线图。

我有这条线来生成我的图表

    var lines = r.linechart(30, 30, 600, 440,[[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71]],[[0.03091,0.00461,0.0068,0.00144,0.00544,0.00035,0.00871,0.03117,0.02259,0.02623,0.01967,0.01967,0.00788,0.02217,0.0137,0.01237,0.01764,0.0131,0.00942,0.0076,0.01463,0.02882,0.02093,0.02502,0.01961,0.01551,0.02227,0.0164,0.0191,0.00774,0.03076,0.0281,0.01338,0.02763,0.02334,0.00557,0.00023,0.01523,0.0263,0.03077,0.02404,0.02492,0.01954,5E-05,0.02337,0.01715,0.02271,0.00815,0.01343,0.00985,0.01837,0.00749,0.02967,0.01156,0.0083,0.00209,0.01538,0.01348,0.01353,0.02163,0.00977,0.02401,0.01207,0.01485,0.02717,0.02327,0.00629,0.01195,0.03052,0.00812,0.01215,0.00241]], {nostroke: false, axis: "0 0 1 1", symbol: "circle", smooth: true })

但是,上面的数据,使graphael图,在生成图时在y轴上有错误的标签。你能帮我解决这个问题吗?从昨天开始我就被这件事困住了......

至少有人可以运行它,只是告诉我他是否可以正常运行它?

【问题讨论】:

    标签: javascript charts raphael graphael


    【解决方案1】:

    别担心!你不是第一个encounter this issue的人。

    我建议将您的值乘以 10 或 100,这应该可以解决问题并且可以很容易地显示在图表图例中。

    例如:

    data = [0.03091,0.00461,0.0068,0.00144,0.00544,0.00035,0.00871,0.03117,0.02259,0.02623,0.01967,0.01967,0.00788,0.02217,0.0137,0.01237,0.01764,0.0131,0.00942,0.0076,0.01463,0.02882,0.02093,0.02502,0.01961,0.01551,0.02227,0.0164,0.0191,0.00774,0.03076,0.0281,0.01338,0.02763,0.02334,0.00557,0.00023,0.01523,0.0263,0.03077,0.02404,0.02492,0.01954,5E-05,0.02337,0.01715,0.02271,0.00815,0.01343,0.00985,0.01837,0.00749,0.02967,0.01156,0.0083,0.00209,0.01538,0.01348,0.01353,0.02163,0.00977,0.02401,0.01207,0.01485,0.02717,0.02327,0.00629,0.01195,0.03052,0.00812,0.01215,0.00241];
    
    data = data.map(function(x) { return x * 1000; });
    
    r.linechart(30, 30, 600, 440,[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71],data, {nostroke: false, axis: "0 0 1 1", symbol: "circle", smooth: true })
    

    这似乎是一种解决方法。

    【讨论】:

    • 非常感谢。老实说,这并不能解决我的问题,因为当用户将鼠标悬停在某个点上时,实际值会出现在轴上......你能想出一些东西,这可以帮助我更多一点那?例如,我可以使用您的建议,但是当用户将鼠标悬停在某个点以显示其值的 1/1000 时...
    • 非常感谢朋友!我把你说的和我上面的评论结合起来,成功了!多谢! :)
    猜你喜欢
    • 1970-01-01
    • 2017-12-04
    • 1970-01-01
    • 2018-03-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多