修改 d3js 坐標顏色

在直接套用別人的範例後,預期的坐標上的顏色不是預期的黑色,很奇怪:

文字可以反白,似乎是灰色的字。

範例來源:
https://d3-graph-gallery.com/graph/heatmap_basic.html

d3js 官方的說明:d3-axis
https://d3js.org/d3-axis

使用解法:
https://stackoverflow.com/questions/38414926/looking-for-a-better-way-to-alter-the-color-of-axis-components-in-d3-js-v4

解法是輸出 axis 之後,再套用 selectAll() 即可:

// Add the Y Axis
var axis = svg.append("g")
  .call(d3.axisLeft(y));

axis.selectAll("text")
  .style("stroke", "blue");

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *