How to set text color for my d3 chart title?

javascript text svg colors d3.js
jhyap picture jhyap · Mar 20, 2014 · Viewed 47.4k times · Source

I have my d3 chart title, text append on the svg as per below:

svg.append("text")
    .attr("x", (width / 2))             
    .attr("y", 0)
    .attr("text-anchor", "middle")  
    .style("font-size", "14px")
    .text(text);

reference here

But I would like to set the text color to some other color. Is that possible?

Answer

jhyap picture jhyap · Mar 20, 2014

All the while I was doing .style("fill", "darkOrange")

Then I found out the correct answer is

.style('fill', 'darkOrange')

Related questions

SVG get text element width

I'm working on some ECMAScript/JavaScript for an SVG file and need to get the width and height of a text element so I can resize a rectangle that surrounds it. In HTML I would be able to use the …

Read More
Calculating vertical height of a SVG text

I have an array of strings. Say, ['Jan 11','Feb 11'] And i am creating a vertical text with these string like so <text x="60" y="154" text-anchor="middle" style="text-anchor: middle; font: normal normal normal 12px/normal Helvetica, Arial; " …

Read More
How to modify raphael text?

After instantiating Raphael text like so var t = paper.text(50, 50, "Raphaël\nkicks\nbutt!"); how do I go about then modifying that text? t.text = "test"; did not work for me.

Read More