文章/答案/技术大牛

发布

问canvasjs和coingecko api数据
EN

Stack Overflow用户

提问于 2018-07-30 08:47:16

回答 1查看 789关注 0票数 1

对于使用外部api数据绘制图表是新手，并且缺乏知识导致我要求HOw使用coingeko charts api数据绘制图表？获取json格式api数据的链接为：https://api.coingecko.com/api/v3/coins/ethereum/market_chart?vs_currency=btc&days=30

我使用了这个示例代码并替换了链接，但是只填充了空图表，而没有绘制任何数据点

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="https://canvasjs.com/assets/script/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<script type="text/javascript">
window.onload = function () {
var dataPoints = [];
var chart = new CanvasJS.Chart("chartContainer",{
    title:{
        text:"Rendering Chart with dataPoints from External JSON"
    },
    data: [{
        type: "line",
        dataPoints : dataPoints,
    }]
});
$.getJSON("https://api.coingecko.com/api/v3/coins/mustangcoin/market_chart?vs_currency=btc&days=max&type=json", function(data) {  
    $.each(data, function(key, value){
        dataPoints.push({x: value[0], y: parseInt(value[1])});
    }); 
    chart.render();
});
}
</script>

</head>
<body>
<div id="chartContainer" style="height: 300px; width: 100%;"></div>
</body>
</html>

coingecko

json

charts

canvasjs

回答 1

Stack Overflow用户

发布于 2018-07-30 18:01:48

API返回：

{
  prices: Array,
  market_caps: Array,
  total_volumes: Array,
}

首先你需要选择你想要的数据，你不能把它们混在一起。

其次，您应该在收到JSON结果之后(在function() {}主体中，而不是在此之前)创建图表new CanvasJS.Chart。现在，不确定图表是实际获得了更新的dataPoints，还是在您创建图表后意识到它正在更新。

如果你想在创建之后更新图表，你需要按照他们的文档所说的去做：https://canvasjs.com/docs/charts/basics-of-creating-html5-chart/updating-chart-options/

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51585745

复制

相似问题

问canvasjs和coingecko api数据
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问canvasjs和coingecko api数据EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问canvasjs和coingecko api数据
EN