seriesStyles

An array collection that contains the style to be charted. For a full list of the available Style options, please see the Style Options topic.

Type: Array

Default:

[{

    stroke: "#77b3af", opacity: 0.9, "stroke-width": 1}, {

    stroke: "#67908e", opacity: 0.9, "stroke-width": 1}, {

    stroke: "#465d6e", opacity: 0.9, "stroke-width": 1}, {

    stroke: "#5d3f51", opacity: 0.9, "stroke-width": 1}, {

    stroke: "#682e32", opacity: 0.9, "stroke-width": 1}, {

    stroke: "#8c5151", opacity: 0.9, "stroke-width": 1}, {

    stroke: "#ce9262", opacity: 0.9, "stroke-width": 1}, {

    stroke: "#ceb664", opacity: 0.9, "stroke-width": 1}, {

    stroke: "#7fb34f", opacity: 0.9, "stroke-width": 1}, {

    stroke: "#2a7b5f", opacity: 0.9, "stroke-width": 1}, {

    stroke: "#6079cb", opacity: 0.9, "stroke-width": 1}, {

    stroke: "#60a0cb", opacity: 0.9, "stroke-width": 1}]

fill

A value that specifies the color, gradient, or image of the series fill.

Type: String

opacity

A value that specifies the opacity of the chart's data items.

Type: Number

stroke

A value that specifies the chart's stroke color.

Type: String

stroke-width

A value that specifies the width of the stroke in pixels.

Type: Number

Default: 1

Code Example:

var piechart = document.getElementById("wijpiechart").winControl;

                WinJS.UI.setOptions(piechart, {

seriesStyles: [{

                  fill: "#8ede43", stroke: "#7fc73c", opacity: 0.8

               }],


Send us comments about this topic.
Copyright © GrapeCity, inc. All rights reserved.