Gauge.js中的渐变颜色不起作用

Question

我正在尝试使用Gauge.js来实现规范。我想用渐变色实现它。

我面临一些实施这个问题。

我目前实施的仪表屏幕截图：

1）渐变色不起作用

我的剧本：

<script type="text/javascript">
var opts = {
  lines: 30, // The number of lines to draw
  angle: 0.3, // The length of each line
  lineWidth: 0.1, // The line thickness
  pointer: {
    length: 0.9, // The radius of the inner circle
    strokeWidth: 0.035 // The rotation offset
  },
  limitMax: true,   // If true, the pointer will not go past the end of the gauge
  colorStart: '#64A9CC',   // Colors
  colorStop: '#F6735E',    // just experiment with them
  strokeColor: '#000000',   // to see which ones work best for you
  generateGradient: 'true'
};
var target = document.getElementById('gauge'); // your canvas element
var gauge = new BaseDonut(target).setOptions(opts); // create sexy gauge!
gauge.maxValue = 100; // set max gauge value
gauge.animationSpeed = 32; // set animation speed (32 is default value)
gauge.set(50); // set actual value
</script>

曲线看起来也很模糊。有什么建议吗？

Answer 1

你可以试试jqChart的量规。它很好地支持渐变。 以下是一个示例 - http://www.jqchart.com/jquery/gauges/RadialGauge/Gradients

免责声明：我为jqChart工作。

祝你好运， 马克西姆米列夫