AmChartsグラフの凡例に最後の値を追加するグラフ

Question

AmChartsグラフにカーソルを置かないと、凡例の名前に最後の値を追加する方法はありますか？

デモチャート付きのコードペンです。ここでhttps://codepen.io/anon/pen/LxmLaL

は、私はそれがperiodValueTextとは何かを持っているが、私は同じことを達成する方法を見つけ出すことができないんだと信じてい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); 
} 

です。どんな助けもありがとう。

Answer 1

periodValueTextを使用する必要があることを正しく指摘しました。その中に二重括弧で囲まれたメタコードを使用するだけです。近い値の場合は[[value.close]]：

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