我有一个ZingChart(通过cfchart),它具有一个外部JSON样式文件。如何为图表中的所有文本设置字体属性,例如字体系列,字体粗细,字体大小,而无需单独设置呢?
到目前为止,我的JSON文件是:
{
"graphset":[
{
"background-color":"white",
"font-family":"Courier New",
"scale-x":{
"label":{
"text":"Date"
}
},
"scale-y":{
"label":{
"text":"Score"
},
"markers":[
{
"type":"line",
"range":[75,76],
"line-color":"red"
},
{
"type":"line",
"range":[50,51],
"line-color":"yellow"
}
]
},
"tooltip" : {
"text" : "Score of %v on %k",
"background-color" : "#ff9900"
},
"plot":{
"marker":{
"type":"square"
}
}
}
]
}
我知道我可以为所有scale-x“项目”分别添加它:
"scale-x":{
"label":{
"text":"Date"
},
"item":{
"font-angle":320,
"font-family":"Arial",
"font-weight":"bold",
"font-size":13
}
}
但是我想为图表中的所有文本添加它。
您可以使用CSS后代选择器执行此操作。使用图表div的ID和tspan元素选择器将字体系列,字体粗细,字体大小等应用于图表中的所有文本元素。在div id =“ zc”处呈现图表的示例:
<style>
#zc tspan { font-family: Comic Sans, Comic Sans MS, cursive !important;font-weight:bold !important;font-size:12px !important; }
</style>
抱歉给您带来混乱,这是一个非CSS解决方案:
在图表JSON对象中,将具有所需全局属性的“ globals”对象放在根级别(与“ graphset”相同的级别)中:
{
"globals":{
"font-size":20,
"font-family":"Papyrus"
},
"graphset":[
{
"type":"line",
...
}
]
};
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句