The C3 gauge example here shows an arc where the default color is grey but when the same code is placed in our project, the default arc color is solid black. Is there any way to explicitly set the default arc color?
Needed to add the following to the page's css file...
.c3-chart-arcs-background{fill:#e0e0e0;stroke:none}
Related
Reference: 100% Stacked Area Chart
I see colors can be modified as follows:
chart.get("colors").set("colors", [
am5.color("#59A80F"),
am5.color("#EA8676"),
am5.color("#B90504")
]);
How can stroke / fill settings for (only) Motorcycles in the reference chart be changed so that (e.g.) the line color is red, and the area beneath it is green?
if your charts use "serious" variable to setting,
try this:
series.set("fill", am5.color(0xff0000));
document: https://www.amcharts.com/docs/v5/concepts/colors-gradients-and-patterns/
I know how to change background color in slide,
but i can't find how to change background color in chart.
Default Chart
I use a default code from PhpPresentation
Any one can help?
finally i found the answer!
just use this code :
$shape->getFill()->setFillType(Fill::FILL_GRADIENT_LINEAR)
->setRotation(90)
->setStartColor(new Color('FF000000'))
->setEndColor(new Color('FFB1B1B1'));
Below this code
$shape->setFill($oFill);
I would like to change the default black color of the font to white. I tried to add this to the styling section of my graph:
style request-rejected fill:#e74c3c,color:#FFFFFF;
The background is correctly changed to #e74c3c but the font stays black. It looks however that normal CSS styles are used in the .less source.
Is it possible to change the font color in a graph?
I know that this is a SUPER old post - but just in case someone else ends up here...
Please see Mermaid documentation for information on styling
Im following using this example : http://c3js.org/samples/chart_area_stacked.html
I am going to make an area chart for many dataSets and I want to make it so the area chart is not see through. Is there any property I can set or class I can add that will make it so?
You can change the opacity to make the areas opaque by overriding below css rule:-
.c3-area {
opacity: 1 !important;
}
Note:- Markers and tooltip vertical line is not visible fully because of side-effects.
Which looks as shown below:-
I checked the docs and all I could find was to set the stroke but I need the whole xAxis background and not only font color.
#Renaldo Balaj Well, you could add an svg element to your chart like here
https://codesandbox.io/s/highlight-zomm-line-chart-forked-o18fe
But there is an issue I am struggling with: on codesandbox on resize all is ok, but in my browser those rectangles are moving out of borders while resizing, can't make them attached to axis