无法获得Highcharts solidgauge停止在样式模式下工作

时间:2017-06-29 17:34:35

标签: highcharts

我正在将应用程序中的所有图表转换为Highcharts 5.x样式模式。

我无法找到如何使solidgauge在样式模式下停止工作。当我检查SVG时,我没有看到任何颜色类。 我找不到任何有样式模式的solidgauge停止示例。 任何人都可以发布一个有效的例子吗?

1 个答案:

答案 0 :(得分:2)

在实心规格系列中,颜色是根据停止值动态计算的 - 目前,我不认为你只能用css做同样的事情。点<div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <select class="form-control"> <option value="blue" style="color:blue">&#9679; blue</option> <option value="red" style="color:red">&#9679; red</option> <option value="green" style="color:green">&#9679; green</option> <option value="black" style="color:black">&#9679; black</option> <option value="yellow" style="color:yellow">&#9679; yellow</option> </select>属性的计算和设置正确,但在这种情况下,css类优先,点的颜色从css文件(highcharts-color- {n}类)获取固定的fill。 / p>

在选项中保留停靠点并从该点移除类(或将colorIndex设置为不存在的数字,例如99)

fill

或:

.highcharts-color-0 {
   fill: #7cb5ec; //remove fill attribute
   stroke: #7cb5ec;
}

示例:http://jsfiddle.net/gj8zfw73/