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

Question

我正在使用这个 jsfiddle used in this post。

一切正常，但是我找不到删除 "Compare to:" 标签下方的选择框的方法，如图中红色框所示。

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

我尝试了以下 dataSetSelector 设置，但这只删除了 "Compare to" 文本，而不是下面的选择框：

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

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

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

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

更新后，由于标记不同，dataSetSelector 的位置设置为 "top" 或 "bottom" 时也可以处理。

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

AmCharts Stock Chart: remove Compare to selection box

javascript

charts

amcharts