Javascript 将最后一个值添加到图表中的图例

当不悬停在AmCharts图形上时，是否有方法将图形中的最后一个值添加到图例名称

这是一支带有演示图的代码笔。

下面是js代码

    var chartData = generateChartData();

var chart = AmCharts.makeChart("chartdiv", {
    "type": "serial",
    "theme": "light",
    "legend": {
         "periodValueText":"last"
    },
    "dataProvider": chartData,
    "synchronizeGrid":true,
    "valueAxes": [{
        "id":"v1",
        "axisColor": "#FF6600",
        "axisThickness": 2,
        "axisAlpha": 1,
        "position": "left"
    }, {
        "id":"v2",
        "axisColor": "#FCD202",
        "axisThickness": 2,
        "axisAlpha": 1,
        "position": "right"
    }, {
        "id":"v3",
        "axisColor": "#B0DE09",
        "axisThickness": 2,
        "gridAlpha": 0,
        "offset": 50,
        "axisAlpha": 1,
        "position": "left"
    }],
    "graphs": [{
        "valueAxis": "v1",
        "lineColor": "#FF6600",
        "bullet": "round",
        "bulletBorderThickness": 1,
        "hideBulletsCount": 30,
        "title": "red line",
        "valueField": "visits",
        "fillAlphas": 0
    }, {
        "valueAxis": "v2",
        "lineColor": "#FCD202",
        "bullet": "square",
        "bulletBorderThickness": 1,
        "hideBulletsCount": 30,
        "title": "yellow line",
        "valueField": "hits",
        "fillAlphas": 0
    }, {
        "valueAxis": "v3",
        "lineColor": "#B0DE09",
        "bullet": "triangleUp",
        "bulletBorderThickness": 1,
        "hideBulletsCount": 30,
        "title": "green line",
        "valueField": "views",
        "fillAlphas": 0
    }],
    "chartScrollbar": {},
    "chartCursor": {
        "cursorPosition": "mouse"
    },
    "categoryField": "date",
    "categoryAxis": {
        "parseDates": true,
        "axisColor": "#DADADA",
        "minorGridEnabled": true
    }
});

chart.addListener("dataUpdated", zoomChart);
zoomChart();


// generate some random data, quite different range
function generateChartData() {
    var chartData = [];
    var firstDate = new Date();
    firstDate.setDate(firstDate.getDate() - 100);

    for (var i = 0; i < 100; i++) {
        // we create date objects here. In your data, you can have date strings
        // and then set format of your dates using chart.dataDateFormat property,
        // however when possible, use date objects, as this will speed up chart rendering.
        var newDate = new Date(firstDate);
        newDate.setDate(newDate.getDate() + i);

        var visits = Math.round(Math.sin(i * 5) * i);
        var hits = Math.round(Math.random() * 80) + 500 + i * 3;
        var views = Math.round(Math.random() * 6000) + i * 4;

        chartData.push({
            date: newDate,
            visits: visits,
            hits: hits,
            views: views
        });
    }
    return chartData;
}

function zoomChart(){
    chart.zoomToIndexes(chart.dataProvider.length - 20, chart.dataProvider.length - 1);
}

var chartData=generateChartData（）；
var chart=AmCharts.makeChart（“chartdiv”{
“类型”：“串行”，
“主题”：“光”，
“传奇”：{
“periodValueText”：“上次”
},
“数据提供者”：图表数据，
“synchronizeGrid”：正确，
“价值轴”：[{
“id”：“v1”，
“axisColor”：“FF6600”，
"厚度":二,，
“axisAlpha”：1，
“位置”：“左”
}, {
“id”：“v2”，
“axisColor”：“FCD202”，
"厚度":二,，
“axisAlpha”：1，
“位置”：“正确”
}, {
“id”：“v3”，
“axisColor”：“#B0DE09”，
"厚度":二,，
“gridAlpha”：0，
“偏移量”：50，
“axisAlpha”：1，
“位置”：“左”
}],
“图表”：[{
“valueAxis”：“v1”，
“lineColor”：“FF6600”，
“子弹”：“圆形”，
“厚度”：1，
“HidebulletScont”：30，
“标题”：“红线”，
“valueField”：“访问”，
“填充字母”：0
}, {
“valueAxis”：“v2”，
“线条颜色”：“FCD202”，
“子弹”：“方形”，
“厚度”：1，
“HidebulletScont”：30，
“标题”：“黄线”，
“valueField”：“点击次数”，
“填充字母”：0
}, {
“valueAxis”：“v3”，
“lineColor”：“B0DE09”，
“bullet”：“triangleUp”，
“厚度”：1，
“HidebulletScont”：30，
“标题”：“绿线”，
“valueField”：“视图”，
“填充字母”：0
}],
“图表滚动条”：{}，
“图表光标”：{
“光标位置”：“鼠标”
},
“类别字段”：“日期”，
“分类法”：{
“parseDates”：正确，
“axisColor”：“DADADA”，
“minorGridEnabled”：真
}
});
chart.addListener（“数据更新”，zoomChart）；
zoomChart（）；
//生成一些随机数据，范围大不相同
函数generateChartData（）{
var chartData=[]；
var firstDate=新日期（）；
firstDate.setDate（firstDate.getDate（）-100）；
对于（变量i=0；i<100；i++）{
//我们在这里创建日期对象。在数据中，可以有日期字符串
//然后使用chart.dataDateFormat属性设置日期的格式，
//但是，如果可能，请使用日期对象，因为这将加快图表渲染速度。
var newDate=新日期（firstDate）；
newDate.setDate（newDate.getDate（）+i）；
var访问=数学轮（数学sin（i*5）*i）；
var hits=Math.round（Math.random（）*80）+500+i*3；
var views=Math.round（Math.random（）*6000）+i*4；
chartData.push({
日期：newDate，
访问：访问，
点击率：点击率，
视图：视图
});
}
返回图表数据；
}
函数zoomChart（）{
chart.zoomToIndex（chart.dataProvider.length-20，chart.dataProvider.length-1）；
}

---

我相信这与此有关，但我不知道如何实现同样的目标。如有任何帮助，我们将不胜感激。

您已正确指出需要使用。您只需要在其中使用双括号的元代码。对于关闭值，它是

[[value.close]]

：

"legend": {
  "periodValueText":"[[value.close]]"
}

---

您正确地指出了需要使用的。您只需要在其中使用双括号的元代码。对于关闭值，它是

[[value.close]]

：

"legend": {
  "periodValueText":"[[value.close]]"
}

---

但是我真的不明白什么是“[[value.close]]”。如果我将它修改为[[value.close]]，它只会打印它……它对我有用。你把引语包括进去了吗？它应该是一个字符串。但我真的不明白什么是“[[value.close]]”。如果我将它修改为[[value.close]]，它只会打印它……它对我有用。你把引语包括进去了吗？它应该是一个字符串。