Material Design lineWidth

[Daniel Ajisafe]

I understand that configuring the lineWidth of a material design also means that line hover width has to be taken into account, but instead of having both the line width and line hover width set to a fixed amount, couldn't you just have the line hover width be proportionate to the line width. For example, if the line width is 5 than the line hover width can be set to 200% times thicker, making the line hover width 10. Since the google charts works in javascript and the options are a json object just have the default value set to whatever line width is multiplied by 2. That way the material design doesn't lose it's look. You can have the line hover width locked so that users can't make the chart look bad, but with that formula users can change the width of the lines in the material design. I hope this idea is helpful to the developers.

Thank you for your time.

[Daniel LaLiberte]

Hi Daniel,

It is a good idea to use some kind of relative sizing for hovering options, rather than using absolute values.  But since the hover highlighting is intended mostly just to highlight the hovered value, it would probably make more sense to merely add a small amount (say 2) to the drawing lineWidth, rather than multiplying.  

On Mon, Aug 6, 2018 at 2:08 PM Daniel Ajisafe <ajide...@gmail.com> wrote:

I understand that configuring the lineWidth of a material design also means that line hover width has to be taken into account, but instead of having both the line width and line hover width set to a fixed amount, couldn't you just have the line hover width be proportionate to the line width. For example, if the line width is 5 than the line hover width can be set to 200% times thicker, making the line hover width 10. Since the google charts works in javascript and the options are a json object just have the default value set to whatever line width is multiplied by 2. That way the material design doesn't lose it's look. You can have the line hover width locked so that users can't make the chart look bad, but with that formula users can change the width of the lines in the material design. I hope this idea is helpful to the developers.

Thank you for your time.

--
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 post to this group, send email to google-visua...@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/3c121002-c8ac-4f73-a7dd-22d1dd7816a2%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte

dlaliberte@Google.com   5CC, Cambridge MA

[Daniel Ajisafe]

Thank you for the speedy reply and feedback, but I only posted this as a suggestion for the developers because when using material design line width can't be edited and I think it would be great for users to be able to edit that option. After reading your reply, I think your idea does sound better because if the user uses a large thickness amount then the hover thickness would be unappealing. Although adding a set amount does prevent this problem, it creates another one at the same time. When users use a large value as the line width, the line hover width will look the same in width to the line width because the set amount is small, thereby making the hover insignificant. Adding a set amount does make sense if the developers want to deter users from using absurd widths, but maybe a compromise would be to add a percentage of the line width. This way the hove width always has an affect. Additionally, if the developers want to, when users edit the value of line hover width they change the percentage thats added to the line width. For example the line width can be 10 and the user edits the line hover width to be 10. Something like this:

let options = {

    lineWidth: 10,

    lineHoverWidth: 10

}

*lineHoverWidth = lineWidth + lineWidth * .1

Again this is just an idea, my intention is not to tell people how to do their jobs. I just thought this would work, but the developers know best.

Thank you for your time

On Monday, August 6, 2018 at 1:28:02 PM UTC-5, Daniel LaLiberte wrote:

Hi Daniel,

It is a good idea to use some kind of relative sizing for hovering options, rather than using absolute values.  But since the hover highlighting is intended mostly just to highlight the hovered value, it would probably make more sense to merely add a small amount (say 2) to the drawing lineWidth, rather than multiplying.  

On Mon, Aug 6, 2018 at 2:08 PM Daniel Ajisafe <ajide...@gmail.com> wrote:

I understand that configuring the lineWidth of a material design also means that line hover width has to be taken into account, but instead of having both the line width and line hover width set to a fixed amount, couldn't you just have the line hover width be proportionate to the line width. For example, if the line width is 5 than the line hover width can be set to 200% times thicker, making the line hover width 10. Since the google charts works in javascript and the options are a json object just have the default value set to whatever line width is multiplied by 2. That way the material design doesn't lose it's look. You can have the line hover width locked so that users can't make the chart look bad, but with that formula users can change the width of the lines in the material design. I hope this idea is helpful to the developers.

Thank you for your time.

--
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-visualization-api+unsub...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/3c121002-c8ac-4f73-a7dd-22d1dd7816a2%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte

dlali...@Google.com   5CC, Cambridge MA