如何为具有不同样式的多个图形自定义Chartist.js?

时间:2016-12-26 21:51:48

标签: sass chartist.js

前言:萨斯新手,少用但不好用。

我正在使用chartist在两个单独的视图中绘制线图和饼图。 Chartist提供了一个_chartist-settings.scss文件,其中包含一堆全局常量定义。文件说要改变这些以便定制图表的外观。但是,我希望每个图表都有自己的样式,但我不确定我现在在SCSS中做的方式是正确的。

让我们使用图表标签font-size的例子。在文件中,这是使用$ct-text-size变量设置的。

理想情况下,我会为这些常量定义值,这些值会根据图表的范围而变化。因此<div class="line">下的图表$ct-text-size: 2rem <div class="pie">$ct-text-size: 1rem .ct-label下的图表_chartist-settings.scss。但是,我无法弄清楚如何做到这一点。有没有办法做到这一点?

相反,为了使它工作,我查看了这些常量最终被使用的类(在本例中为.line{ .ct-label { //this class uses the $ct-text-size variable font-size: 1rem; // but I just change the class directly } } .pie{ .ct-label { font-size: 2rem; } } )并根据范围直接更改它们(见下文)。然而,这似乎违背了String source = "this-is--a-string----"; 提供的抽象,因为它将它与模块的内部SCSS工作结合起来。

String output = Regex.Replace(source, @"\-+", "-");

0 个答案:

没有答案