Pie Chart Slice without white border in c3 js - javascript

I am using C3 js for plottin Pie Chart. I am able to plot it successfully. I am trying to customize the Pie with respect to the slice. I need to plot the Pie chart without the White border for all the slices. I am not sure how to do this in c3 js. It would be of great help if anyone can let me know how to plot pie chart without the white border.
Thanks and Regards,
Saravanan

you can change color using this css i have changed to gray color you can change as per your requirement
.c3-chart-arc path {
stroke: #666;
}

Related

ChartJS - How do I remove the X-Axis color overlay on the chart?

I styled the ChartJS X grid lines a specific color, but the X Axis gridline has a default color that overlays the color I styled the grid lines with, does anyone what the reason could be that this is occurring?
Heres the chart
https://i.stack.imgur.com/zBl9p.png
Heres the code
https://i.stack.imgur.com/igan6.png
Thanks so much!

Remove border color on bar chart in D3 / Billboard.js

I created a table showing on it two types of data from the same sites.
Each pair is show in same color but different light ratio (e.g. dark blue and light blue).
When I print them using "spline", there are two lines which look pretty but if I change the chart type to "bar" it adds a purple border to them which I want to avoid.
This is how my chart looks like with spline:
And this is with bar:
Do you have any ideas about how to remove that border on the second chart?
Try set below css. It will remove the border of the bar shape.
path.bb-bar {
stroke-width: 0;
}

d3 legend (text + line representation)

I am a newbie to d3js and I am currently plotting some multiple line chart graphs. One thing I want to do is to add a legend for each line. I figured out that I can add some text and I can also give the text some color, which is same as the line's color. However, I would like to add some line representation in front of the text. For example,
Legend in Multi line chart - d3
as we can see here, the legend starts with a colored rectangle + text, and I want it a line (dashed line for example) rather than rectangle in front of the text.
Is there anyone can help me with this? Thanks a lot!

chart.js barchart without set fill color

This is my first time using Chart.js and I want to create bar chart with multiple series. Based on documentation we have to specify fillColor for each dataset.
Is that possible to create multiple chart without set fillColor (like barchart in excel).
fillColor uses rgba. a = alpha. you can set alpha value to 0. such as
fillColor: "rgba(220,220,220,0)"
this should give it a transparent fill color and still display the border colors assuming you have them not transparent.
I know its very late, but we can achieve empty bar chart with only the border visible by setting the property : fill:false
Hope it helps someone :)

hightcharts mouse tracking color

I am using Highcharts to render a line chart (http://www.highcharts.com/demo/line-basic).
Every line in my chart has the same color and different markers on the end. Now what I want is when I hover over a line to change it's color.
you can find mouse events in plotOptions there you can manipulate the colors
this.chart.series[index].update({color:'color'});
this piece of code will be helpful.
here is a working example http://jsfiddle.net/vytEE/
hope this will help you

Categories

Resources