- <!DOCTYPE html>
- <html>
-
- <head>
- <meta charset="utf-8">
- <title>ZingSoft Demo</title>
- <script nonce="undefined" src='http://cdn.zingchart.com/zingchart.min.js'></script>
-
- <script nonce="undefined" 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>
- 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
- });