2017-07-27 48 views
-1

凡例とグラフのカーソルを有効にしてAmChartsを使用していますが、マウスオーバー時にグラフの値が凡例に表示されないようにしています。どうすればそれを無効にできますか?私のスクリーンショットをご覧ください。あなたは、通常のシリアルチャート(あなたのコードを投稿次回)を使用している、あなたは、例えば、伝説のvalueText空の文字列を設定することにより、マウスオーバーの凡例値を抑えることができると仮定すると、AmChartsのマウスオーバー時にグラフの値が凡例に表示されないようにするにはどうすればよいですか?

Chart Image

答えて

0

AmCharts.makeChart("chartdiv", { 
    // ... 
    legend: { 
    valueText: "", 
    // ... 
    }, 
    // ... 
}); 

以下のデモ:

var chart = AmCharts.makeChart("chartdiv", { 
 
    "type": "serial", 
 
    "legend": { 
 
    "useGraphSettings": true, 
 
    "valueText": "" 
 
    }, 
 
    "dataProvider": [{ 
 
    "year": 1930, 
 
    "italy": 1, 
 
    "germany": 5, 
 
    "uk": 3 
 
    }, { 
 
    "year": 1934, 
 
    "italy": 1, 
 
    "germany": 2, 
 
    "uk": 6 
 
    }, { 
 
    "year": 1938, 
 
    "italy": 2, 
 
    "germany": 3, 
 
    "uk": 1 
 
    }, { 
 
    "year": 1950, 
 
    "italy": 3, 
 
    "germany": 4, 
 
    "uk": 1 
 
    }, { 
 
    "year": 1954, 
 
    "italy": 5, 
 
    "germany": 1, 
 
    "uk": 2 
 
    }, { 
 
    "year": 1958, 
 
    "italy": 3, 
 
    "germany": 2, 
 
    "uk": 1 
 
    }], 
 
    "valueAxes": [{ 
 
    "integersOnly": true, 
 
    "maximum": 6, 
 
    "minimum": 1 
 
    }], 
 
    "startDuration": 0, 
 
    "graphs": [{ 
 
    "balloonText": "place taken by Italy in [[category]]: [[value]]", 
 
    "bullet": "round", 
 
    "title": "Italy", 
 
    "valueField": "italy", 
 
    "fillAlphas": 0 
 
    }, { 
 
    "balloonText": "place taken by Germany in [[category]]: [[value]]", 
 
    "bullet": "round", 
 
    "title": "Germany", 
 
    "valueField": "germany", 
 
    "fillAlphas": 0 
 
    }, { 
 
    "balloonText": "place taken by UK in [[category]]: [[value]]", 
 
    "bullet": "round", 
 
    "title": "United Kingdom", 
 
    "valueField": "uk", 
 
    "fillAlphas": 0 
 
    }], 
 
    "chartCursor": { 
 
    "zoomable": false 
 
    }, 
 
    "categoryField": "year" 
 

 
});
<script src="https://www.amcharts.com/lib/3/amcharts.js"></script> 
 
<script src="https://www.amcharts.com/lib/3/serial.js"></script> 
 
<div id="chartdiv" style="width: 100%; height: 300px"></div>

関連する問題