Skip to content
  • home
  • portfolio
  • web design journal
  • blog
    • adventure
    • san diego
    • projects
    • website design
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
  • Adventure

    • adventure
    • gravelgrinding
    • hiking
    • running
  • The Built Environment

    • architecture
    • urbanity
  • Locations

    • san diego
    • portland
  • Freelance Life

    • freelancing
    • productivity
  • Web Dev

    • css
    • entrepreneurship
    • git
    • handlebars
    • html
    • inkscape
    • photoshop
    • php
    • sass
    • web design
    • web development
    • saphire

drempd | san diego, ca


home contact

adventures san diego urbanity and architecture projects stream website design

portfolio resume san diego web design freelance web designer

custom web design responsive web design website maintenance