Minor gridlines not showing

[Mark Jones]

I'm using the sample code for drawing a linear line graph, which works pretty well. But, I can't get minor gridlines to work, which I'd like to be on every frequency between 5, 10, 15, etc, in other words on 1, 2, 3, 4...6, 7, 8, 9...

      var linearOptions = {

        title: 'Power by frequency linear spectrum',

curveType: 'none',

        legend: 'none',

        width: 600,

        height: 300,

        hAxis: {

          title: 'Frequency(Hz)',

  ticks: [0, 5, 10, 15, 20, 25, 30],

  gridlines: {

color: '#C0C0C0'

  },

  minorGridlines: {

color: '#e6f7ff'  

  }

        },

        vAxis: {

          title: 'Power(uV^2)',

  gridlines: {

color: '#C0C0C0'

  },

  minorGridlines: {

color: '#e6f7ff'  

  }

        }

  }

[Hartmut Gunther]

I have the same problem

[Hartmut Gunther]

Hi Mark.

Have you been able to resolve this. I have not

regards

Hartmut

On Tuesday, 31 December 2019 04:05:40 UTC+11, Mark Jones wrote:

[Steven Lovell]

Hi Mark,

Have you looked at the notes here https://gist.github.com/DNTech/716b6b2aa5992750b003d23caf592f0c#file-haxis-properties-js

"ticks" : [ ARRAY OF NUMBERS ],

//Replaces the automatically generated X-axis ticks with the specified array. I've had a play around and found that using "ticks" will override your Gridlines and MinorGridlines. It's probably not the format you want but this is the best I can come up with. Ive reduced the font size and increased the width so you can see the results of the hAxis

var linearOptions = {         title: 'Power by frequency linear spectrum',             curveType: 'none',         legend: 'none',

width: 800,         height: 300,         hAxis: {               gridlines: {               color: '#C0C0C0', count : 30

},                minorGridlines: {                 color: '#e6f7ff'             },

textStyle : {                     fontSize : 8                 },           title: 'Frequency(Hz)',         //      ticks: [0, 5, 10, 15, 20, 25, 30],

},         vAxis: {           title: 'Power(uV^2)',               gridlines: {                 color: '#C0C0C0'             },               minorGridlines: {                 color: '#e6f7ff'           }         }       }

Regards, Steve.

[Mark Jones]

Steven,

Thanks for tinkering with it! At least I know the ticks overrides the gridline objects.

Mark

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/8ecd8e2b-0b55-45cc-a7bb-484c478a72f6%40googlegroups.com.