我正在将应用程序中的所有图表转换为Highcharts 5.x样式模式。
我无法找到如何使solidgauge在样式模式下停止工作。当我检查SVG时,我没有看到任何颜色类。 我找不到任何有样式模式的solidgauge停止示例。 任何人都可以发布一个有效的例子吗?
答案 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">● blue</option>
<option value="red" style="color:red">● red</option>
<option value="green" style="color:green">● green</option>
<option value="black" style="color:black">● black</option>
<option value="yellow" style="color:yellow">● yellow</option>
</select>
属性的计算和设置正确,但在这种情况下,css类优先,点的颜色从css文件(highcharts-color- {n}类)获取固定的fill
。 / p>
在选项中保留停靠点并从该点移除类(或将colorIndex设置为不存在的数字,例如99)
fill
或:
.highcharts-color-0 {
fill: #7cb5ec; //remove fill attribute
stroke: #7cb5ec;
}