2016-09-21 13 views
0

私はこのpostに使用されているjsfiddleを使用しています。AmCharts株価チャート:削除選択欄と比較

すべて動作しますが、画像の赤いボックスに示されているように、[比較先]ラベルの下の選択ボックスを削除する方法が見つかりません。

enter image description here

非表示にしたり、それを無効にする方法はありますか?

私は、次のdataSetSelectorの設定を試してみましたが、これが唯一の下にテキストではなく、選択ボックス「に比較」削除:あなたはCSSを使用して比較選択を削除することができます

dataSetSelector: { 
    selectText :"", 
    compareText: "", 
    comboBoxSelectText : "", 
    position: "top" 
} 

答えて

1

/* hide the compare box */ 
.amcharts-compare-div { 
    display: none; 
} 

/* 
    hide all <br> tags after the dropdown, 
    if dataSetSelector position is set to top or bottom, 
    hide the select due to different markup 
*/ 
.amcharts-data-set-select ~ br, .amcharts-data-set-select ~ select { 
    display: none; 
} 

/* add a margin-bottom to space out the dropdown from the from/to text boxes */ 
.amcharts-data-set-select { 
    margin-bottom: 1em; 
} 

Compare to:文字列を削除するには、compareTextdataSetSelectorの空の文字列に設定する必要があります。

デモ:http://codepen.io/team/amcharts/pen/e6cb53e53222eba93e80cf7e0be98987

あなたがここにAmChartsによって設定されたクラス名の情報を見つけることができます:dataSetSelectorの位置が違いによるの「top」または「bottom」に設定されている場合http://www.amcharts.com/tutorials/css-class-names/

も扱うように更新しましたマークアップ。

+0

ありがとうございました!問題は私が左から上に変更したことです:dataSetSelector:{position: "top"}この位置では動作しません。どうして ? – ranell

+1

興味深い。チャートのように、位置の上下に異なるマークアップを生成しているようです。私は私の答えのデモとCSSを更新しました。
タグを隠すルールに '.amcharts-data-set-select〜select'を追加する必要があります。 – xorspark

+0

パーフェクト!ありがとう、それは働く:)追加の質問があり、私は謝罪する。グラフを変更しながら別のアクションを関連付けることは可能ですか? (例divを隠す)。私のようなものを試しましたが、うまくいきませんでした:$(function(){ $ {"amcharts-data-set-select"} {function} { \t \t $( "#div") hide(200); }); }); もう一度ありがとうございます。 – ranell

関連する問題