score:8
Accepted answer
You could use CSS
to style the graph, for example
path.domain { stroke: white; }
.tick text { stroke: yellow; }
.c3-legend-item text { stroke: grey; }
To make the axis white, the tick labels yellow, and the legend text grey.
score:1
Try also changing the color of the fill if you don't want to use a stroke:
path.domain { fill: white; }
.tick text { fill: yellow; }
.c3-legend-item text { fill: grey; }
score:1
You can attempt to adjust the CSS properties of the path and line. See the example CSS below as a helper.
.c3 .c3-axis-x path,
.c3 .c3-axis-x line {
stroke: red;
}
.c3 .c3-axis-y path,
.c3 .c3-axis-y line {
stroke: blue;
}
score:3
.c3 path, .c3 line, .tick text {
stroke: white;
}
Source: stackoverflow.com
Related Query
- c3 graph in a dark background; how to change axis and tick value color
- How to change table cell color based on numeric value from .csv report AND when tables are dynamically created?
- How to create left axis with variable tick interval in tick values and has same distance between tick value
- Assign d3.js Axis a Background Color and Change Layer Ordering
- How to change color only for data grid or x and y axis in chart in D3.js
- How to get a dashed line on Y axis and how to display the value beside the graph in d3
- d3.js change color and size on line graph dot on mouseover
- How to change line color in d3js according to axis value?
- How to display the value for the final tick on axis in D3?
- How do you change the last tick value in D3.js?
- Append Value to Rickshaw Graph Axis and what is ticksTreatment and Preserve
- D3: How to remove tick marks at the top and bottom of Y axis
- How to select and deselect a svg line and change its color on selection and deselection using d3.js and javascript , jquery?
- How to add svg rectangles as background behind axis tick labels in d3js if ticks are inside chart
- How do I change color of path element when its value is selected from dropdown
- How to rotate and change font size on x axis
- How to change the color of a d3.js axis line
- How to change color of nodes in force directed graph
- How to change the tick value in d3, javascript from "1900" to "January"?
- how to change C3JS vertical tooltip line color and hide y axies line
- How can we add legend's value beside of legend with proper alignment and different color in dc.js
- How to get updated and rendered value of axis in NVD3.js
- How to select the color of node on data value and the Data value of tool as name?
- How do I change the properties of the x-axis and y-axis of the graph and also the text-anchor of the axis?
- How do I change the colour of my d3.js Bar Graph bars individually and make a Scale for them?
- D3 js How to get plain text in label at X axis and make value scaleLog
- D3 change the background color of an element based on it's data value
- How do I prevent graph elements from reaching the axis of my graph in D3 and scale properly?
- How to make hour and minutes as x axis in nvd3.js graph
- D3 Line chart - display value label on Y axis tick and a not scale
More Query from same tag
- D3 Focus+Context via Brushing not displaying scatterplot
- D3 legend not appearing due to legendColor
- D3 Categorical Area Chart - Scale Issue
- script error - requireJS
- What is "size" in flare json -- used in D3 examples?
- Round edges at the ends of radial progress bar
- How to add a global listener to d3.xhr calls
- How do I convert my scale of numbers (0-50,000) to a radial progress chart number?
- Assigning hyperlinks to nodes in dagre-d3
- Separate the nodes and avoid overlapping in tree graph in d3.js
- Understanding D3 data join using the new syntax - Array data is update but DOM not
- An example of world map using dimple.js
- x axis with a full day in hours/quarters
- Generated color of voronoi polygon in D3.js
- Custom Colors for networkD3 sankeyGraph()
- D3 horizontal tree layout with rect and text wrapping
- D3 changes from Version 3.0 to make a circle path of points
- Access more data from flare.json for d3.tree
- Difference between classed() and attr("class")
- D3.JS - how do I add gridlines to my pie chart
- Dynamically add rectangles on click event
- Parsing a date from C# to javascript with D3js
- How to get container dimensions before compile?
- D3.js: Adding a time axis to a bar graph with negative values
- Is it possible to change xy-position of a d3-foreignObject after it is created?
- vue and d3 force layout, network visualization
- How can I change style class & content of text for ancestors in this d3.js tree?
- How to switch position of D3 SVG elements
- .delay() is not a function in d3
- move a slice of the pie chart using d3.js