• 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
    });