【问题标题】:Canvasjs - Missing axis numbers and second dataset legendCanvasjs - 缺少轴号和第二个数据集图例
【发布时间】: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


【解决方案1】:

确保拥有最新的 canvasjs 文件。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-07-30
    • 2012-11-05
    • 1970-01-01
    • 2018-04-01
    • 2017-01-15
    • 1970-01-01
    相关资源
    最近更新 更多