Amcharts XY图表不显示气球

我的图表不显示气球，我不明白为什么。我在y光标上显示气球，我可以将其更改为显示x轴的值，但我无法显示气球，它会在x光标或值行之后的气球中显示x轴值。Amcharts XY图表不显示气球

AmCharts.makeChart("chartdiv", 
      { 
"type": "xy", 
"pathToImages": "http://cdn.amcharts.com/lib/3/images/", 
"startDuration": 1.5, 
"handDrawn": true, 
"theme": "light", 
"thousandsSeparator": "'", 
"chartCursor": { 
      "categoryBalloonEnabled": true, 
      "valueLineAxis": "ValueAxis-1", 
    "valueLineBalloonEnabled": true, 
    "valueLineEnabled": true, 
     "balloonText": "[[Distance (m)]]", 
        "showBalloon": true, 
    "zoomable": false 
    }, 
//"trendLines": [], 
    "color":"#777777", 
    "fontFamily":"Londrina Outline", 
    "fontSize":23, 
    "categoryField": "Distance (km)", 
"graphs": [ 
    { 

     "id": "AmGraph-4", 
     "balloonText": "[[Distance (m)]]", 
     "title": "graph 4", 
     "valueAxis": "Not set", 
        "lineColor": "#59C45C", 
     "lineThickness": 3, 
        "fillAlphas": 0.13, 
     "fillColors": "#59C45C", 
     "fillToAxis": "ValueAxis-2", 
     "valueField": "Distance (km)", 
     "xAxis": "Distance (km)", 
     "xField": "Distance (km)", 
     "yField": "Elevation (m)" 
    } 
], 
"valueAxes": [ 
    { 
     "id": "ValueAxis-1", 
     "axisAlpha": 0, 
     "unit": "m" 

    }, 
    { 
     "id": "ValueAxis-2", 
     "position": "bottom", 
     "axisAlpha": 0, 
     "unit": "km", 
     "showLastLabel": false 
    } 
], 
"allLabels": [], 
"amExport": {}, 
"balloon": {}, 
"titles": [], 
"dataProvider": [ 
    { 
     "Distance (m)": "0", 
     "Distance (km)": "0", 
     "Elevation (m)": "749" 
    }, 
    { 
     "Distance (m)": "101.543639516933", 
     "Distance (km)": "0.11", 
     "Elevation (m)": "749" 
    }, 

    { and many more like that ...},

来源

2014-11-22 Samuel

我已经更新了你在这里...小提琴

http://jsfiddle.net/47qdtboa/1/

你需要做的基本上是指X或Y轴，而不是一个字段的名称是什么。您还需要向图表添加项目符号以显示气球。

"graphs": [ 
    { 

     "id": "AmGraph-4", 
     "balloonText": "[[x]] (km)", /*CHANGED THIS LINE*/ 
     "bullet": "round",   /*ADDED THIS LINE*/ 
     "bulletSize": 1,    /*ADDED THIS LINE*/ 
     "title": "graph 4", 
     "valueAxis": "Not set", 
     "lineColor": "#59C45C", 
     "lineThickness": 3, 
     "fillAlphas": 0.13, 
     "fillColors": "#59C45C", 
     "fillToAxis": "ValueAxis-2", 
     "xAxis": "Distance (km)", 
     "xField": "Distance (km)", 
     "yField": "Elevation (m)" 
    } 
],

不知道你是否可以参考实际的字段名称，但在快速测试下，我至少不能。

来源

2014-11-25 11:31:17 Simon

谢谢。它真的让我恶心。我在这些配置文件中看不到任何东西... – Samuel 2014-11-25 12:58:08

请记住，在XY图表中激活项目符号会减慢整个图表的速度，例如在放大时。我试图找到一种方法有选择地或以缩放级别显示子弹以避免性能下降。 – 2014-11-25 16:15:33

Amcharts XY图表不显示气球

回答

相关问题