• Edit
  • Download
  • <!DOCTYPE html>
    <html>
    
    <head>
      <meta charset="utf-8">
      <title>ZingSoft Demo</title>
      <script src='http://cdn.zingchart.com/zingchart.min.js'></script>
    
      <script src="https://cdn.zingchart.com/zingchart.min.js"></script>
      <style></style>
    </head>
    
    <body>
      <div id='myChart'></div>
      <script>
        ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "b55b025e438fa8a98e32482b5f768ff5"];
        var kstheme1 = {
          "root": {
            "background-color": "white",
            "gui": {
              "context-menu": {
                "button": {
                  "visible": false
                },
                "gear": {
                  "visible": false
                }
              }
            }
          },
          "palette": {
            "mixed": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "vbar": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "vbar3d": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "hbar": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "hbar3d": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "pie": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "pie3d": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "nestedpie": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "area": [
              ["#9fdff5", "#40beeb", "#40beeb", "#40beeb"],
              ["#97afb9", "#305f74", "#305f74", "#305f74"],
              ["#a1c9d3", "#4492a8", "#4492a8", "#4492a8"],
              ["#c7c7c7", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#c2dee6", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "area3d": [
              ["#9fdff5", "#40beeb", "#40beeb", "#40beeb"],
              ["#97afb9", "#305f74", "#305f74", "#305f74"],
              ["#a1c9d3", "#4492a8", "#4492a8", "#4492a8"],
              ["#c7c7c7", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#c2dee6", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "gauge": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "line": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "line3d": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "piano": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "vbullet": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "hbullet": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "vfunnel": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "hfunnel": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "scatter": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "radar": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "venn": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "chord": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "treemap": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "wordcloud": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "stock": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ],
            "bubble": [
              ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
              ["#ffffff", "#305f74", "#305f74", "#305f74"],
              ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
              ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
              ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
            ]
          },
    
    
          "graph": {
            "background-color": "none",
            "border-color": "#ddd",
            "border-width": "1px",
            "border-style": "solid",
            "borderRadius": "5",
            "title": {
              "background-color": "#ddd",
              "height": "28px",
              "align": "left",
              "fontColor": "#333333",
              "borderRadiusTopLeft": "5",
              "borderRadiusTopRight": "5"
            },
            "legend": {
              "header": {
                "background-color": "#333333",
                "borderColor": "-1",
                "borderRadiusTopLeft": "5",
                "borderRadiusTopRight": "5"
              },
              "borderRadius": "5",
              "borderColor": "#333333",
              "item": {
                "markerStyle": "circle",
                "fontColor": "#333333",
                "borderColor": "#1bc9f2",
                "lineColor": "#333333"
              }
            },
    
            "scale-x": {
              "lineColor": "#151515",
              "fontColor": "#333333",
              "tick": {
                "lineColor": "#dddddd",
                "line-width": "1px"
              },
              "guide": {
                "line-width": "1px",
                "line-color": "#ccc",
                "line-style": "solid"
              },
              "item": {
                "fontColor": "#333333"
              }
            },
            "scale-y": {
              "lineColor": "#151515",
              "fontColor": "#333333",
              "label": {
                "fontColor": "#333333"
              },
              "guide": {
                "line-width": "1px",
                "line-color": "#ccc",
                "line-style": "solid"
              },
              "tick": {
                "lineColor": "#dddddd",
                "line-width": "1px"
              },
              "item": {
                "fontColor": "#333333"
              }
            },
            "source": {
              "fontColor": "#333333"
            }
          },
    
          "line": {
            "plot": {
              "lineWidth": 1,
              "marker": {
                "visible": true
              },
              "animate": false,
              "effect": 4,
              "speed": 100,
              "tooltip-text": "%v"
            },
            "scale-x": {
              "markers": {
                "backgroundColor": "#1bc9f2",
                "lineColor": "#947850"
              }
            }
          },
    
          "area": {
            "tooltip": {
              "color": "white"
            },
            "plot": {
              "animate": false,
              "effect": 1,
              "speed": "100",
              "lineWidth": 1,
              "tooltip-text": "%v",
              "aspect": "spline"
            }
          },
    
          "gauge": {
            "scale-r": {
              "tick": {
                "lineColor": "#333333"
              },
              "item": {
                "fontColor": "#333333"
              }
            }
          },
          "pie3d": {
            "plotarea": {
              "margin-top": "10%",
              "margin-bottom": "10%",
              "margin-left": "12%",
              "margin-right": "10%"
            }
          },
          "pie": {
            "plot": {
              "effect": 3,
              "highlight": true,
              "value-box": {
                "type": "all",
                "placement": "out",
                "backgroundTransparent": true,
                "text": "%t\n"
              }
            }
          }
        };
        var myJson = {
          "graphset": [{
            "type": "pie",
            "title": {
              "text": "Palette Example"
            },
            "series": [{
                "values": [35]
              },
              {
                "values": [66]
              },
              {
                "values": [55]
              },
              {
                "values": [4]
              }
            ]
          }]
        };
        zingchart.render({
          id: 'myChart',
          data: myJson,
          height: 400,
          width: '100%',
          defaults: kstheme1
        });
      </script>
    </body>
    
    </html>
    <!DOCTYPE html>
    <html>
    	<head>
        <meta charset="utf-8">
        <title>ZingSoft Demo</title>
    	<script src='http://cdn.zingchart.com/zingchart.min.js'></script>
    	
    		<script src="https://cdn.zingchart.com/zingchart.min.js"></script>
    </head>
    	<body>
    		<div id='myChart'></div>
    	</body>
    </html>
    
          
    var kstheme1={
        "root":{
            "background-color":"white",
    		"gui":{
                "context-menu":{
                    "button":{"visible":false},
                    "gear":{"visible":false}
                }
            }
        },
    	"palette" : {
    		"mixed" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"vbar" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"vbar3d" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"hbar" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"hbar3d" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"pie" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"pie3d" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"nestedpie" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"area" : [
    			["#9fdff5", "#40beeb", "#40beeb", "#40beeb"],
    			["#97afb9", "#305f74", "#305f74", "#305f74"],
    			["#a1c9d3", "#4492a8", "#4492a8", "#4492a8"],
    			["#c7c7c7", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#c2dee6", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"area3d" : [
    			["#9fdff5", "#40beeb", "#40beeb", "#40beeb"],
    			["#97afb9", "#305f74", "#305f74", "#305f74"],
    			["#a1c9d3", "#4492a8", "#4492a8", "#4492a8"],
    			["#c7c7c7", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#c2dee6", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"gauge" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"line" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"line3d" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"piano" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"vbullet" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"hbullet" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"vfunnel" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"hfunnel" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"scatter" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"radar" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"venn" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"chord" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"treemap" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"wordcloud" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"stock" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		],
    		"bubble" : [
    			["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
    			["#ffffff", "#305f74", "#305f74", "#305f74"],
    			["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
    			["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
    			["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    		]
    	},
    
    
    	"graph" : {
    		"background-color" : "none",
    		"border-color":"#ddd",
    		"border-width":"1px",
    		"border-style":"solid",
    		"borderRadius":"5",
    		"title" : {
    			"background-color" : "#ddd",
    			"height":"28px",
    			"align":"left",
    			"fontColor" : "#333333",
    			"borderRadiusTopLeft":"5",
    			"borderRadiusTopRight":"5"
    		},
    		"legend" : {
    			"header" : {
    				"background-color" : "#333333",
    				"borderColor" : "-1",
    				"borderRadiusTopLeft" : "5",
    				"borderRadiusTopRight" : "5"
    			},
    			"borderRadius" : "5",
    			"borderColor" : "#333333",
    			"item" : {
    				"markerStyle" : "circle",
    				"fontColor" : "#333333",
    				"borderColor" : "#1bc9f2",
    				"lineColor" : "#333333"
    			}	
    		},
    
    		"scale-x" : {
    				"lineColor" : "#151515",
    				"fontColor" : "#333333",
    				"tick" : {
    					"lineColor" : "#dddddd",
    					"line-width":"1px"
    				},
    				"guide":{
                        "line-width":"1px",
                        "line-color":"#ccc",
                        "line-style":"solid"
    				},
    				"item" : {
    					"fontColor" : "#333333"
    				}
    			},
    		"scale-y" : {
    				"lineColor" : "#151515",
    				"fontColor" : "#333333",
                    "label":{"fontColor":"#333333"},
    				"guide":{
                        "line-width":"1px",
                        "line-color":"#ccc",
                        "line-style":"solid"
    				},
    				"tick" : {
    					"lineColor" : "#dddddd",
    					"line-width":"1px"
    				},
    				"item" : {
    					"fontColor" : "#333333"
    				}
    		},
            "source":{
            	"fontColor":"#333333"
            }
    	},
    
    	"line" : {
    		"plot" : {
    			"lineWidth" : 1,
    			"marker":{
    					"visible":true
    				},
    			"animate": false,
                "effect": 4,
                "speed":100,
                "tooltip-text" : "%v"
    		},
    		"scale-x" : {
    			"markers" : {
    				"backgroundColor" : "#1bc9f2",
    				"lineColor" : "#947850"
    			}
    		}
    	},
    
    	"area" : {
    		"tooltip":{
    			"color":"white"
    		},
    		"plot" : {
    			"animate": false,
                "effect": 1,
                "speed":"100",
    	        "lineWidth" : 1,
    	        "tooltip-text" : "%v",
    	        "aspect" : "spline"
    		}
    	},
    
    	"gauge" : {
    		"scale-r" : {
    			"tick" : {
    				"lineColor" : "#333333"
    				},
    			"item" : {
    				"fontColor" : "#333333"
    			}
    		}
    	},
    	"pie3d":{
    		"plotarea":{
    			"margin-top":"10%",
                "margin-bottom":"10%",
                "margin-left":"12%",
                "margin-right":"10%"
    		}
    	},
    	"pie" : {
    		"plot" : {
    			"effect" : 3,
    			"highlight" : true,
    			"value-box" : {
    				"type" : "all",
    				"placement" : "out",
    				"backgroundTransparent" : true,
    				"text" : "%t\n"
    			}
    		}
    	}
    };
    var myJson = {
        "graphset": [
            {
                "type": "pie",
                "title": {
                  "text":"Palette Example"
                },
                "series": [
                    {
                        "values": [35]
                    },
                    {
                        "values": [66]
                    },
                    {
                        "values": [55]
                    },
                    {
                        "values": [4]
                    }
                ]
            }
        ]
    };
    zingchart.render({ 
    	id : 'myChart', 
    	data : myJson, 
    	height: 400, 
    	width: '100%',
    	defaults:kstheme1
    });