question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

scatter chart: enable configuring color opacity of points

See original GitHub issue

I’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:open
  • Created 7 years ago
  • Reactions:11
  • Comments:7 (1 by maintainers)

github_iconTop GitHub Comments

3reactions
joeclayalldaycommented, May 14, 2018

Here’s how to force the opacity to 1 with CSS:

.c3-circle { opacity: 1 !important; }

0reactions
blazespinnakercommented, Jan 9, 2021

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:

},```

            point: {
                show: false,
                r: 4,
                scatter: {
                    opacity: 1
                }
            },
Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found