Hi Johan,

Sadly, we don't yet support the lineDashStyle at that kind of granularity.

However, you can change other aspects of the style. For example, you could
change the color to make those parts gray, or change the opacity of those
parts, or both. This can be accomplished with the style role
<https://developers.google.com/chart/interactive/docs/roles?hl=en>.
However, you will have to add another column to your chart, and explicitly
make the right rows have the correct values. Here's an example of this:
http://jsfiddle.net/xk0r4zne/

On Fri, Jan 15, 2016 at 6:02 AM Johan Byrén <[email protected]> wrote:

> I use Google Charts Line chart and have implement interpolateNulls = true.
> This works great but now I want the line that interpolateNulls draws to
> be dotted.
>
> Is it possible to set lineDashStyle: [4,4] just on the interpolateNulls?
> Here is some of my code:
>
>
>     var drawChart = function (data, type, firstIsAverage, vAxisHeader) {
>     var shift = (firstIsAverage === true) ? 0 : 1;
>
>     var fontname = 'Roboto';
>     var fontsize = 14;
>
>     var chartObject = {
>         type: type,
>         display: false,
>         data: data,
>         options: {
>             chartArea: {
>                 left: 100,
>                 top: 30,
>                 width: 800,
>                 height: 240
>             },
>             vAxis: {
>                 title: vAxisHeader,
>                 titleTextStyle: {
>                     italic: false
>                 }
>             },
>            // lineDashStyle: [4, 4],     //Just want this on the 
> interpolateNulls
>             interpolateNulls: true,      //Here is the interpolate
>             fontName: fontname,
>             fontSize: fontsize,
>             legend: 'none',
>             colors: colors.slice(shift),
>             isStacked: "true",
>             fill: 20,
>             displayExactValues: false
>         },
>         formatters: {}
>     };
>     setAllColumnsVisible(chartObject);
>
>     return chartObject;};
>
> --
> 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 [email protected].
> To post to this group, send email to
> [email protected].
> 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/490b159c-9a45-4af1-a02f-42322cf07e4c%40googlegroups.com
> <https://groups.google.com/d/msgid/google-visualization-api/490b159c-9a45-4af1-a02f-42322cf07e4c%40googlegroups.com?utm_medium=email&utm_source=footer>
> .
> For more options, visit https://groups.google.com/d/optout.
>
-- 

*[image: unnamed.gif]• Sergey Grabkovsky• Software Engineer• Google, Inc•
[email protected] <[email protected]>*

-- 
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 [email protected].
To post to this group, send email to [email protected].
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/CAEwwup4pwF9S4WEZ6fbVnsWEhejPeTz4fxQHLSZMYuJj5qU2vA%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to