Skip to content
Drempd Logo
  • home
  • portfolio
  • web design journal
  • blog
    • adventure
    • san diego
    • projects
    • website design
    • code notes
  • contact
Blog Web Dev Add Point Markers to a Google Chart Line Chart

Add Point Markers to a Google Chart Line Chart

By Forrest Smith - Drempd.com

It\’s pretty easy to add points or nodes to a google line chart.  The keys are to add the pointSize option to the chart options object.  By default, it\’s set to 0, so the points don\’t appear.  The color will set to be whatever you have set in your colors series.  Also note that the size is unitless:

    var options = {
       width:1000,
       height:500,
       backgroundColor: \'white\',
       chartArea: {backgroundColor: \'white\'},
       colors: [\'#639426\'],
       pointSize: 6
    };

This will output something like:

\"\"

If you want to add strokes around each of those points, view my how to add stroke points to a Google line chart post.

Posted on December 31, 2014August 26, 2022 in Web Dev

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

I love to create and explore. Whether building a website or app, taking a long walk through the mountains, or playing with a random idea, I've found that there will never be enough time to experience it all. But that won't stop me from trying.

Web Design & Development

  • Portfolio
  • San Diego Website Design
  • Custom Web Design
  • Responsive Web Design
  • Website Maintenance
  • Freelance Web Designer
  • Web Design Posts
  • Website Checklist

Projects

  • Zindash
  • Opti
  • Saphire CSS
  • Ergo Blocks

Blog

  • Adventure
  • San Diego
  • Projects
  • Website Design
  • Technology
  • Code Notes

About

  • Bluesky
  • Resume
  • Contact
drempd | san diego, ca
© 2026 Drempd All rights reserved.