Quantcast
Channel: Active questions tagged config - Stack Overflow
Viewing all articles
Browse latest Browse all 5049

How to change point shape on specific series in Google Charts Line chart

$
0
0

I came across how to style a single point in Google Charts:

https://developers.google.com/chart/interactive/docs/points

But my chart has multiple series. I have implemented a working version of my chart but I'm only able to style the last series:

https://codepen.io/trevcis/pen/PooyNqR

How do I target the first series (blue line)?? I could change my series data around but plan on adding further series to the chart so would like to figure it out.

I thought I could add another role column

  data.addColumn('date', 'Date');
  data.addColumn('number', 'Linepack');
  data.addColumn({role: 'style', type: 'string'});  // added
  data.addColumn('number', 'Target');
  data.addColumn({role: 'style', type: 'string'});

and then add another point config but it doesn't work.

  [new Date(2020, 2, 10), 515,'point { size: 12; shape-type: triangle;fill-color: #ff6600;opacity:0.9}',520,'point { size: 12; shape-type: circle;fill-color: #ff6600;opacity:0.9}'], 

What would be the proper way to address this?


Viewing all articles
Browse latest Browse all 5049

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>