Highcharts：样式化输入组

Question

我正在为一个项目使用 highcharts 库 (http://www.highcharts.com/)。在这个项目中，用户可以通过一个输入组来更改日期（下图中红色矩形标记）：

http://imgur.com/a/ky8fK

我想通过向右“移动”它来更改这个输入组样式，如上图中的红色箭头所示。

但是，更改 CSS 没有任何效果。这是我尝试过的：

.highcharts-input-group {
  margin-right: 0;
}

任何想法为什么这不起作用？

谢谢！

Answer 1

寻找rangeSelector.inputPosition。

输入位置：对象

输入框的定位。允许的属性是对齐的， 垂直对齐，x 和 y。默认为 { align: "right" }。

设置rangeSelector.inputPosition = {x: 0}

示例：https://jsfiddle.net/qjhLexfz/