<分区>
标签 javascript css d3.js less
我正在使用名为 D3 的 JS 框架来绘制图形。
框架需要以下方式的数据(注意硬编码的颜色):
graphData = [
{
data: [
{
date: "01/01/2015",
value: 10
},
{
date: "02/01/2015",
value: 5
},
{
date: "03/01/2015",
value: 2
}],
label: 'Oranges',
color: '#a3a3a3'
},
{
data: [
{
date: "01/01/2015",
value: 2
},
{
date: "02/01/2015",
value: 10
},
{
date: "03/01/2015",
value: 15
}],
label: 'Apples',
color: '#424242',
}]
在我的 less 文件中，我定义了以下颜色:
@Orange: #a3a3a;
@Apple: #424242;
如何在定义 graphData 时获取 less 文件中定义的 RGB 颜色？
最佳答案
您可以使用 ajax 请求获取更少的文件并找到颜色:
使用 jQuery 它看起来像这样:
$.get('file.less', function(file) {
var orange = file.match(/@Orange:\s*([^;]+);/i)[1];
var apple = file.match(/@Apple:\s*([^;]+);/i)[1];
});
如果没有 jQuery，您将需要使用 XMLHttpRequest 对象。
关于javascript - 如何获取 less 文件中定义的颜色的 RGB 值？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34490579/
相关文章：
javascript - 表单数组上的补丁值未在 Material 多选上设置值
javascript - 在响应式网站上使用 Google+ 评论时如何解决视口(viewport)宽度问题？
javascript - 如何使用 javascript 安全地实现 fb 登录
css - 如何仅使用 CSS 填充拇指左侧的 HTML5 input[type=range]？
html - 如何在 asp.net mvc 中将搜索栏添加到布局 View ？
d3.js - 如何在d3.js中从内部JSON数组而不是从外部资源/文件中加载可折叠树的数据？
javascript - D3js : Dragging a group by using one of it's children