Highcharts 中的按钮位置和图表类型的名称答案

【问题标题】：Button positioning in Highcharts and name of chart typeHighcharts 中的按钮位置和图表类型的名称
【发布时间】：2016-10-11 16:05:55
【问题描述】：

我需要使用上图所示的 Highcharts 创建图表。

所以，我需要知道：

范围选择器按钮如何定位在图片中？或者有可能吗？

1.1 如果范围按钮不可能这样定位，我可以使用简单的html按钮吗？在这种情况下，我该如何与 Highcharts 数据进行交互。

图表名称是什么，带有黑色圆圈内的条形和红色到绿色渐变（仪表？）。

【问题讨论】：

标签： javascript css charts highcharts data-visualization

【解决方案1】：

取自this question：

需要设置高度大于宽度才能在浏览器之间正确布局。应用左右填充也有助于布局和定位。

对于 Chrome，使用 -webkit-appearance:slider-vertical。

对于 IE，使用写作模式：bt-lr。

对于 Firefox，将 orient="vertical" 属性添加到 html。可惜他们这样做了。视觉样式应该通过 CSS 而不是 HTML 来控制。

欢迎您查看原始问题的代码。

关于渐变的东西，用css把背景设置成线性渐变就可以轻松完成。完整代码：

input[type=range][orient=vertical]
{
    writing-mode: bt-lr; /* IE */
    -webkit-appearance: slider-vertical; /* WebKit */
    width: 20px;
    height: 175px;
    padding: 0 5px;
}
.gradientbg{
    background: -webkit-linear-gradient(green, white, red);
    background: -o-linear-gradient(green, white, red);
    background: -moz-linear-gradient(green, white, red);
    background: linear-gradient(green, white, red);

}

&lt;input class="gradientbg" type="range" orient="vertical"&gt;

【讨论】：

感谢您的回答，我知道 CSS 渐变，我需要知道该图表类型的名称。也请仔细阅读，你的回答对这个问题没有用。

【解决方案2】：

没有 API。

1.1。 HTML 按钮可以在图表的 xAxis 上调用 setExtremes()。

它不是系列类型。这是colorAxis。但是，您只提供了一张静态图片，因此可能是其他图片。

【讨论】：