AmCharts股票图表：删除比较选择框

Question

我正在使用此jsfiddle中使用的post。

一切正常，但我无法找到一种方法来删除＆＃34;比较下面的选择框：＆＃34;标签，如红色框中所示。

有没有办法隐藏或停用它？

我尝试了以下dataSetSelector设置，但这只删除了＆＃34;比较＆＃34;文字，而不是下面的选择框：

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

Answer 1

您可以使用CSS删除比较选择：

/* 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;
}

您仍然需要将compareText设置为dataSetSelector中的空字符串，以删除Compare to:字符串。

演示：http://codepen.io/team/amcharts/pen/e6cb53e53222eba93e80cf7e0be98987

您可以在此处找到有关AmCharts设置的班级名称的信息：http://www.amcharts.com/tutorials/css-class-names/

更新以处理由于标记不同而将dataSetSelector的位置设置为“top”或“bottom”的时间。