scatter chart: enable configuring color opacity of points
See original GitHub issueI’m struggling with configuration of opacity of colors in scatter plot. No matter how I change color
and colors
, opacity of points is still set to random (or at least that’s what I feel it is). I’d like to a) either be able to configure it myself b) or disable it completely and let all points have same opacity.
Is this possible somehow?
I appreciate any kind of feedback, thank you!
Sample data:
data: {
json: json_data,
keys: {
value: ["date", "hours"]
},
x: 'date',
xFormat: '%Y-%m-%d',
type: 'scatter',
color: function(color, d){ return "#ddd"; },
colors: { // has no effect
hours: '#ff0000',
date: '#00ff00'
}
};
Issue Analytics
- State:
- Created 7 years ago
- Reactions:11
- Comments:7 (1 by maintainers)
Top Results From Across the Web
series.scatter.opacity | highcharts API Reference
Allow this series' points to be selected by clicking on the graphic ... Changes to the series' color will also be reflected in...
Read more >Any way to make plot points in scatterplot more transparent in ...
Any way to make plot points in scatterplot more transparent in R? - Stack Overflow. Stack Overflow for Teams – Start collaborating and...
Read more >Transparent Scatterplot Points in Base R and ggplot2
In this article, we are going to see how to make transparent scatterplot points in the R programming language.
Read more >Settings for Scatter Chart - Webix
Scatter chart presents a set of points which are displayed based on two coordinates (data ... borderColor (string,function) - the color of the...
Read more >Transparency in graphs | Stata
Transparency is specified as a color modifier. We used the marker color option mcolor(%30) in the above graph, meaning that markers are to...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Here’s how to force the opacity to 1 with CSS:
.c3-circle { opacity: 1 !important; }
the config architecture is pretty super extensible, afaics.
I just added
return isValue(d.value) ? (this.isScatterType(d) ? this.**config.point_scatter_opacity** : opacity) : 0;
and then added
point_scatter_opacity: 0.5,
to the getDefaultConfig next to point_show
config looks like this:
},```