javascript - 提供“extendedEncoded”数据时结果失真

我一直在尝试使用Image-Charts Api代替现在不推荐使用的Google Image Charts Api。我一直在查看文档，并尝试构建python脚本来创建表示过去24小时的加密（以太坊）定价的图形。

我已经能够从加密货币Api中获取数据。当试图“扩展编码”价格清单时出现问题，正如Image-Charts的文档所述，需要对大型数据集和大型值进行处理。我必须在编码功能中做一些错误，因为我的图表总是像这样失真

它们提供了javascript function来对这些值和数据集进行编码，我尝试将其转换为python。我怀疑在翻译函数时我搞砸了一些东西，但我不确定100％。

问题

有人可以在编码和/或绘制数据时发现我出了问题吗？

精简有效的python代码-输出图表网址

from datetime import datetime
import requests
import time
import math

EXTENDED_MAP = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-.'
EXTENDED_MAP_LENGTH = len(EXTENDED_MAP)

def extendedEncode(arrVals, maxVal):
    chartData = 'e:'
    for val in arrVals:
        numericVal = int(float(val))
        scaledVal = int(math.floor(EXTENDED_MAP_LENGTH * EXTENDED_MAP_LENGTH * numericVal / maxVal))
        if scaledVal > (EXTENDED_MAP_LENGTH * EXTENDED_MAP_LENGTH - 1):
            chartData += '..'
        elif scaledVal < 0:
            chartData += '__'
        else:
            quotient = int(math.floor(scaledVal / EXTENDED_MAP_LENGTH))
            remainder = int(scaledVal - EXTENDED_MAP_LENGTH * quotient)
            chartData += EXTENDED_MAP[quotient] + EXTENDED_MAP[remainder]
    return chartData

ts = time.time()
utc_offset = int((datetime.fromtimestamp(ts) - datetime.utcfromtimestamp(ts)).total_seconds())
cryptocompare = 'https://min-api.cryptocompare.com/data/histohour?fsym=ETH&tsym=USD&limit=24'
chartbase= 'https://image-charts.com/chart?cht=lc&chs=700x500&chxt=x,y'

resp = requests.get(cryptocompare).json()['Data']
print '{0} data points'.format(len(resp))

lvals = [dp['close'] for dp in resp]
labels = 'chxl=0:|{0}'.format('|'.join([datetime.utcfromtimestamp(dp['time']+utc_offset).strftime('%I%p')
                                        for dp in resp]))
values = 'chd={0}'.format(extendedEncode(lvals, max(lvals)))
print '&'.join([chartbase, labels, values])

（失真）图的可运行示例

var i = document.getElementById("output");
i.src = `
https://image-charts.com/chart?
cht=lc&
chs=700x500&
chxt=x,y&
chxl=0:|02PM|03PM|04PM|05PM|06PM|07PM|08PM|09PM|10PM|11PM|12AM|01AM|02AM|03AM|04AM|05AM|06AM|07AM|08AM|09AM|10AM|11AM|12PM|01PM|02PM&
chd=e:-7.Y9494.i.Y.1...s.s.P.Y.Y.s.F-y-o-o-L-B-V-L-V94-B`;

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <img id="output"></img>
</body>
</html>

最佳答案

披露：我是Image-charts的创始人。

图像图表模仿了Google图像图表自己的实现，因此：

缩放数据值以适合该编码的整个范围

由于您使用的是扩展编码e:，它将在0到4095之间缩放数据集。

好消息是，您可以使用awesome text format a:参数🎉。

它具有浮点数，没有上下限值的限制（与Google Image Charts 0-61、0-100或0-4095的限制不同），自动缩放（不需要chds = a）。任何小于零或大于零的值都是有效的，不再有截断。这是最容易使用，手工阅读和书写的方式。

用法：

chd=a:30010,-30000.1,50000.5,80000.10,20000

关于javascript - 提供“extendedEncoded”数据时结果失真，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51661409/