【发布时间】:2018-04-23 23:34:52
【问题描述】:
https://jsfiddle.net/ma0s5d7x/
jQuery(document).ready(function($) {
var twoPoints = [];
var tenPoints = [];
jQuery.getJSON("https://www.quandl.com/api/v3/datasets/USTREASURY/YIELD.json?api_key=XXXX&collapse=weekly", function(results) {
$.each(results.dataset.data, function(key, value){
twoPoints.push({x: new Date(value[0]), y: parseFloat(value[5])});
tenPoints.push({x: new Date(value[0]), y: parseFloat(value[9])});
});
var chart = new CanvasJS.Chart("chartContainer",{
title:{
text:"Treasurey Yield Curve Rates"
},
axisX:{
valueFormatString: "YYYY",
interval: 2
},
axisY: {
title: "Rate"
},
toolTip: {
shared: true
},
data: [{
name: "2YR",
showInLegend: true,
legendText: "2YR",
type: "line",
xValueFormatString: "YYYY-MM-DD",
dataPoints : twoPoints
},
{
name: "10YR",
showInLegend: true,
legendText: "10YR",
type: "line",
xValueFormatString: "YYYY-MM-DD",
dataPoints : tenPoints
}]
});
chart.render();
});
});
我已将我的图例和数据集设置为显示在图例中,并在 x 轴上显示值,但没有显示任何内容。有没有人知道为什么他们被第一个数据集忽略的情况很好?
【问题讨论】:
-
Legend 似乎工作正常,并且在设置 legendText 时显示“2YR”和“10YR”,请检查此screenshot 此外,您使用的是旧版本的 CanvasJS (v1.7)而当前版本是 v2.1.1。请正确描述您的问题,以便我们更好地理解并帮助您!
-
嗯,谢谢你让我知道 - 我猜 CDNJS 没有最新的。我更新到最新的文件,我可以看到 2YR 和 10YR。之前我只能看到 2YR 标签。谢谢 Vishwas!
-
Ross Bethune,很高兴它工作正常。然而,即使使用 v1.7.0,我也可以看到 2YR 和 10YR 都在显示。这是screenshot
标签: jquery html canvas canvasjs