highstock - Highcharts Zones not working with valid JSON -

trying replicate this: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/series/color-zones-dashstyle-dot

it works fine when directly copy , paste, when i'm using getjson function, line populate, not recognizing dashed line zone.

[{"name":"test","data":[29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],"zoneaxis":"x","zones":"[{value: 8}, {dashstyle: 'dot'}]"}] 

seems in valid json format - not sure issue , i'm not getting sort of errors.

looks should formatted json within json work - inception?

[{"name":"test","data":[29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],"zoneaxis":"x","zones":[{"value": "8"}, {"dashstyle": "dot"}]}]