Html 图表颜色变化

我使用的是图表图表，颜色是在框架级别定义的，但我需要为特定的图表更改它，因此我无法在框架级别更改，尝试创建一个.less文件，但更改仍然没有反映出来

关于如何更改条形图的颜色，是否有其他选项？如果我添加更多的条形图，颜色应该不同

PS:ChartList的框架更改链接。

颜色的改变需要在一个房间内完成

写了一段在.less文件中给出的代码，但它没有反映。。。有什么意见吗

 .ct-series-a .ct-bar {
  stroke: white;
  stroke-width: 20px;
}
.ct-series-b .ct-bar {
      stroke: blue;
      stroke-width: 20px;
    }

---

谢谢

less

文件不是css，它们需要编译成css。或者。

我知道这个答案可能已经很晚了，但我从中找到了一个java脚本解决方案，它展示了如何动态地为不同的组件着色

var chart = new Chartist.Bar('#barChart', data, options, responsiveOptions);
    chart.on('draw', function(context) {


      if(context.type === 'bar') {
         context.element.attr({
          style: 'stroke:  red'
        });
      }else if(context.type === 'point') {
            context.element.attr({
            style: 'stroke:  blue'
        });
      }else if(context.type === 'line') {
          context.element.attr({
            style: 'stroke:  green'
        });
      }
    });

---

我只是为每个图表设置了一组css（更少）

.profit-chart {
    .ct-series-a {
        .ct-area {
            fill: #158BE9;
        }

        .ct-bar, .ct-line, .ct-point, .ct-slice-donut {
            stroke: #158BE9;
        }
    }

    .ct-series-b {
        .ct-area {
            fill: #73b5eb;
        }

        .ct-bar, .ct-line, .ct-point, .ct-slice-donut {
            stroke: #73b5eb;
            /*stroke-dasharray: 5px;*/
        }
    }

    .ct-series-c {
        .ct-area {
            fill: #f28e2b;
        }

        .ct-bar, .ct-line, .ct-point, .ct-slice-donut {
            stroke: #f28e2b;
        }
    }
}

---

我正在使用gulp，保存less文件后，是否希望我在保存后运行gulp serve命令，但在我的命令窗口中，它显示文件已更改。这是试图更改条形图颜色代码的.less文件的代码。

.ct chart.ct series.ct-series-a.ct条{

`stroke:#007f00；`

}