Amchartsはバルーンの値にユーロ記号を追加します

Question

これは私のJsonレスポンスです。ユーロ記号を自分の値に追加する方法がわかりません。もちろん、これは応答のアイデアであり、送信されている実際の配列ではありません。 JSファイルで

{"graphAxis":[{"valueAxis":"v0","lineColor":"#00969e","bullet":"round","bulletBorderAlpha":1,"bulletSize":"8","bulletBorderThickness":1,"bulletColor":"#FFFFFF","lineThickness":"2","hideBulletsCount":"50","title":"Prolongatie brandstoftermijn","valueField":"Prolongatie brandstoftermijn","costTypeId":15,"useLineColorForBulletBorder":true}],"dataProvider":[{"Prolongatie brandstoftermijn":4163.82,"date":"2016-01-01"},{"Prolongatie brandstoftermijn":7297.77,"date":"2016-02-01"},{"Prolongatie brandstoftermijn":7297.77,"date":"2016-03-01"},{"Prolongatie brandstoftermijn":162.43,"date":"2016-04-01"}]} 

誰でもテキスト

をバルーンにユーロ記号を追加する方法上の任意の入力を提供することができます。これは私のコードである

//ajax request to show graph 
    $("#diaplayGraph").click(function(event) {  

     event.preventDefault();  
     $.ajax 
     ({ 
      url: $("#frmCostViewGraph").attr('action'), 
      data: $("#frmCostViewGraph").serialize(), 
      type: 'post', 
      beforeSend: function(xhr) { 
       var message = ''; 
       var selectedCostAllocations = $("#costAllocations").val(); 
       var selectedCostTypes = $("#costTypes").val(); 

       if(selectedCostAllocations == null) { 

        errorMessage($("#costAllocationError").html());     
        return false; 
       } 

       if(selectedCostTypes == null) { 

        errorMessage($("#costTypeError").html()); 
        return false; 
       } 

       if($('input[name=reportType]:checked').length<=0) 
       { 
        errorMessage($("#reportTypeError").html());     
        return false 
       } 

       showLoading(); 
      }, 

      dataType:"JSON", 
      success: function(result) 
      { 

       hideMessage(); 
       chartData = result.dataProvider; 
       graphAxis = result.graphAxis; 

       if(chartData == '') { 

        $("#chartdiv").html($("#noRecordFound").html()); 
        hideLoading(); 
        return false; 
       } 


       var chart = AmCharts.makeChart("chartdiv", { 
        "fontFamily": "Helvetica Neue,Helvetica,Arial,Open Sans,sans-serif",      
        "fontSize":12, 
        "type": "serial", 
        "theme": "default",  
        "mouseWheelZoomEnabled":true, 
        "dataDateFormat": "YYYY-MM-DD", 
        "valueAxes": [{ 
         "id": "v1", 
         "axisAlpha": 0, 
         "position": "left", 
         "ignoreAxisWidth":true 
        }], 
        "balloon": { 
         "borderThickness": 1, 
         "shadowAlpha": 0 
        }, 
        "legend": { 
        "useGraphSettings": false, 
        }, 
       "dataProvider": chartData, 
       "graphs":graphAxis, 
       "chartScrollbar": { 
        "graph": "g1", 
        "oppositeAxis":false, 
        "offset":30, 
        "scrollbarHeight": 20, 
        "backgroundAlpha": 0, 
        "selectedBackgroundAlpha": 0.1, 
        "selectedBackgroundColor": "#888888", 
        "graphFillAlpha": 0, 
        "graphLineAlpha": 0.5, 
        "selectedGraphFillAlpha": 0, 
        "selectedGraphLineAlpha": 1, 
        "autoGridCount":true, 
        "color":"#AAAAAA", 
        "autoGridCount": true, 
        "resizeEnabled":true 
       }, 
       "chartCursor": {      
        "valueLineEnabled": true, 
        "valueLineBalloonEnabled": true, 
        "cursorAlpha":1, 
        "cursorColor":"#258cbb", 
        "limitToGraph":"g1", 
        "valueLineAlpha":0.2, 
        "valueZoomable":true, 
        "cursorPosition": "mouse", 
        "oneBalloonOnly": true, 
        "categoryBalloonDateFormat": "DD-MMM-YYYY" 
       }, 
       "valueScrollbar":{ 
        "oppositeAxis":false, 
        "offset":75, 
        "scrollbarHeight":10, 
        "backgroundAlpha":1,      
       }, 
       "valueAxes": [{     
        "axisColor": "#23272D",     
        "axisAlpha": 1, 
        "position": "left", 
        "unit": "$", 
        "unitPosition": "left" 
       }],    
       "categoryField": "date", 
       "categoryAxis": { 
        "parseDates": true, 
        "dashLength": 1, 
        "minorGridEnabled": true, 
        "minPeriod":"MM", 
        "axisColor": "#23272D" 
       }, 
       "export": { 
        "enabled": true, 
       }, 
       "numberFormatter": { 
        "precision": -1, 
        "decimalSeparator": ",", 
        "thousandsSeparator": "." 
       }, 
      }); 


      chart.addListener("clickGraphItem", handleClick); 

      zoomChart(); 

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

      hideLoading();   
      } 
     }); 
    }) 

Answer 1

これはあなたの中に、graphs配列で行われるべきですgraphAxis。

例えば次のようなグラフを実装している場合は、balloonTextプロパティにユーロ記号を追加することができます

success: function(result) { 

    hideMessage(); 
    chartData = result.dataProvider; 
    graphAxis = result.graphAxis; 
    if(graphAxis && graphAxis[0]) { 
     graphAxis[0].balloonText = "<b>€ [[Prolongatie brandstoftermijn]]</b>"; 
    } 
    //... 
}