带有chartist.js的单个水平条形图（线性度量）

Question

我正在使用chartist.js来绘制图形。

我需要一个水平范围为-100到100的水平单条形图（线性量规）。正负的颜色各不相同，均从中间的零值开始。

最好这些颜色也要有渐变，红色越接近-100，红色越浓，绿色越接近100。

下面是一个示例图片，显示了正负值时的外观（未显示渐变，因为我无法在MS Paint中绘制渐变）：

我什至不知道从哪里开始，但这是我到目前为止所要做的：

var data = {
  series: [
    [87]
  ]
};

var options = {
horizontalBars: true,
};

new Chartist.Bar('.ct-chart', data, options);