更改axisLabel的字体大小

时间:2016-04-28 00:14:10

标签: d3.js nvd3.js

如何仅增加axisLabels的字体大小而不是刻度标签。 enter image description here

正如您所见,axislabel字体太小。如果我给文本添加样式,则图表中的所有文本都会更改。我只是想改变轴标签,即在这种情况下优先级和警报数量要改变。有没有办法只访问axisLabels?

1 个答案:

答案 0 :(得分:0)

此示例:http://jsfiddle.net/thatOneGuy/juY5E/336/

我添加了一个按钮,单击该按钮可更改字体颜色和字体大小。

首先,在创建文本时,我给它一个ID(第116行):

  svg.append("text")
    .attr('id','xAxisText')

然后我创建了一个在单击按钮时调用的函数:

function changeFontColour(){
         d3.select('#xAxisText').style('fill','red').style('font-size', 30)
        }

选择文本,然后将其填充为红色,然后将字体大小更改为30:)

相关问题