text: zingchart.THEME="classic";
  var url = ('/static/csv/example3.csv')
  var url2 = ('/static/csv/estadistica.csv')
  var myConfig = {
      "background-color":"#fff",
      "graphset":[
          {
              "type":"bar",
              "background-color":"#fff",
              "border-color":"#dae5ec",
              "border-width":"1px",
              "height":"30%",
              "width":"96%",
              "x":"2%",
              "y":"3%",
              "title":{
                  "margin-top":"7px",
                  "margin-left":"9px",
                  "font-family":"Arial",
                  "text":"NAVEGADORES MÁS UTILIZADOS",
                  "background-color":"none",
                  "shadow":0,
                  "text-align":"left",
                  "font-size":"12px",
                  "font-weight":"bold",
                  "font-color":"#707d94"
              },
              "scale-y":{
                  "values":"0:80:20",
                  "max-ticks":4,
                  "max-items":4,
                  "line-color":"none",
                  "tick":{
                      "visible":false
                  },
                  "item":{
                      "font-color":"#8391a5",
                      "font-family":"Arial",
                      "font-size":"12px",
                      "padding-right":"5px"
                  },
                  "guide":{
                      "rules":[
                          {
                            "rule":"%i == 0",
                            "line-width":0
                          },
                          {
                            "rule":"%i > 0",
                            "line-style":"solid",
                            "line-width":"1px",
                            "line-color":"#d2dae2",
                            "alpha":0.4
                          }
  
                      ]
                  }
              },
              "scale-x":{
                  "items-overlap":true,
                  "max-items":9999,
                  "offset-y":"1px",
                  "line-color":"#d2dae2",
                  "item":{
                      "font-color":"#8391a5",
                      "font-family":"Arial",
                      "font-size":"12px",
                      "padding-top":"2px"
                  },
                  "tick":{
                      "visible":false,
                      "line-color":"#d2dae2"
                  },
                  "guide":{
                      "visible":false
                  }
              },
              "plotarea":{
                  "margin":"45px 20px 38px 45px"
              },
              "plot":{
                  "bar-width":"33px",
                  "hover-state":{
                      "visible":false
                  },
                  "animation":{
                      "delay":500,
                      "effect":"ANIMATION_SLIDE_BOTTOM"
                  },
                  "tooltip":{
                      "font-color":"#fff",
                      "font-family":"Arial",
                      "font-size":"12px",
                      "border-radius":"6px",
                      "shadow":false,
                      "padding":"5px 10px",
                      "background-color":"#707e94"
                  }
              },
              "csv":{
                  "url":url
              },
              "series":[
                  {
                      "styles":[
                          {
                              "background-color":"#f3950d"
                          },
                          {
                              "background-color":"#e62163"
                          },
                          {
                              "background-color":"#4e74c0"
                          },
                          {
                              "background-color":"#9dc012"
                          },
                          {
                              "background-color":"#ad6bae"
                          },
                          {
                              "background-color":"#25a6f7"
                          },
                          {
                              "background-color":"#4dbac0"
                          },
                          {
                              "background-color":"#707d94"
                          }
                      ]
                  }
              ]
          },
          {
              "type":"hbar",
              "background-color":"#fff",
              "border-color":"#dae5ec",
              "border-width":"1px",
              "x":"2%",
              "y":"35.2%",
              "height":"63%",
              "width":"30%",
              "title":{
                  "margin-top":"7px",
                  "margin-left":"9px",
                  "text":"RENDIMIENTO DE NAVEGADORES",
                  "background-color":"none",
                  "shadow":0,
                  "text-align":"left",
                  "font-family":"Arial",
                  "font-size":"12px",
                  "font-color":"#707d94"
              },
              "scale-y":{
                  "line-color":"none",
                  "tick":{
                      "visible":true
                  },
                  "item":{
                      "visible":true
                  },
                  "guide":{
                      "visible":true
                  }
              },
              "scale-x":{
                  "line-color":"none",
                  "tick":{
                      "visible":true
                  },
                  "item":{
                      "width":200,
                      "text-align":"left",
                      "offset-x":206,
                      "offset-y":-12,
                      "font-color":"#8391a5",
                      "font-family":"Arial",
                      "font-size":"12px",
                      "padding-bottom":"8px"
                  },
                  "guide":{
                      "visible":true
                  }
              },
              "plot":{
                  "bars-overlap":"100%",
                  "bar-width":"12px",
                  "thousands-separator":",",
                  "tooltip":{
                      "font-color":"#ffffff",
                      "background-color":"#707e94",
                      "font-family":"Arial",
                      "font-size":"12px",
                      "border-radius":"6px",
                      "shadow":true,
                      "padding":"5px 10px"
                  },
                  "hover-state":{
                      "background-color":"#707e94"
                  },
                  "animation":{
                      "delay":500,
                      "effect":"ANIMATION_EXPAND_LEFT"
                  }
              },
              "csv":{
                  "url":url
              },
              "plotarea":{
                  "margin":"50px 15px 10px 15px"
              },
              "series":[
                  {
                      "z-index":2,
                      "styles":[
                          {
                              "background-color":"#4dbac0"
                          },
                          {
                              "background-color":"#4dbac0"
                          },
                          {
                              "background-color":"#4dbac0"
                          },
                          {
                              "background-color":"#4dbac0"
                          },
                          {
                              "background-color":"#4dbac0"
                          },
                          {
                              "background-color":"#4dbac0"
                          }
                      ],
                      "tooltip-text":"%node-value"
                  },
                  {
                      "max-trackers":0,
                      "background-color":"#d9e4eb",
                      "z-index":1,
                      "value-box":{
                          "visible":true,
                          "offset-y":"-12px",
                          "offset-x":"-54px",
                          "text-align":"right",
                          "font-color":"#8391a5",
                          "font-family":"Arial",
                          "font-size":"12px",
                          "padding-bottom":"8px"
                      }
                  }
              ]
          },
          {
              "type":"line",
              "background-color":"#fff",
              "border-color":"#dae5ec",
              "border-width":"1px",
              "width":"64%",
              "height":"63%",
              "x":"34%",
              "y":"35.2%",
              "title":{
                  "margin-top":"7px",
                  "margin-left":"12px",
                  "text":"VISITAS DE SECCIONES POR MES",
                  "background-color":"none",
                  "shadow":0,
                  "text-align":"left",
                  "font-family":"Arial",
                  "font-size":"12px",
                  "font-color":"#707d94"
              },
              "plot":{
                  "animation":{
                      "delay":500,
                      "effect":"ANIMATION_SLIDE_LEFT"
                  }
              },
              "csv":{
                  "url":url2
              },
              "plotarea":{
                  "margin":"50px 25px 70px 46px"
              },
              "scale-y":{
                  "values":"0:150:50",
                  "line-color":"none",
                  "guide":{
                      "line-style":"solid",
                      "line-color":"#d2dae2",
                      "line-width":"1px",
                      "alpha":0.5
                  },
                  "tick":{
                      "visible":false
                  },
                  "item":{
                      "font-color":"#8391a5",
                      "font-family":"Arial",
                      "font-size":"12px",
                      "padding-right":"5px"
                  }
              },
              "scale-x":{
                  "line-color":"#d2dae2",
                  "line-width":"2px",
                  "values":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
                  "tick":{
                      "line-color":"#d2dae2",
                      "line-width":"1px"
                  },
                  "guide":{
                      "visible":false
                  },
                  "item":{
                      "font-color":"#8391a5",
                      "font-family":"Arial",
                      "font-size":"12px",
                      "padding-top":"5px"
                  }
              },
              "legend":{
                  "layout":"x5",
                  "background-color":"none",
                  "shadow":0,
                  "margin":"auto auto 15 auto",
                  "border-width":0,
                  "item":{
                      "font-color":"#707d94",
                      "font-family":"Arial",
                      "padding":"0px",
                      "margin":"0px",
                      "font-size":"12px"
                  },
                  "marker":{
                      "show-line":"true",
                      "type":"match",
                      "font-family":"Arial",
                      "font-size":"12px",
                      "size":4,
                      "line-width":2,
                      "padding":"3px"
                  }
              },
              "crosshair-x":{
                  "lineWidth":1,
                  "line-color":"#707d94",
                  "plotLabel":{
                      "shadow":false,
                      "font-color":"#000",
                      "font-family":"Arial",
                      "font-size":"12px",
                      "padding":"5px 10px",
                      "border-radius":"5px",
                      "alpha":1
                  },
                  "scale-label":{
                      "font-color":"#ffffff",
                      "background-color":"#707d94",
                      "font-family":"Arial",
                      "font-size":"12px",
                      "padding":"5px 10px",
                      "border-radius":"5px"
                  }
              },
              "tooltip":{
                  "visible":false
              },
          }
      ]
  };
  
  zingchart.render({
  	id : 'myChart',
  	data : myConfig,
  	height: 500,
  	width: '100%'
  });
  
  zingchart.loadModules('maps, maps-world-continents', function(e) {
    zingchart.render({
  	  id: 'myWorld',
  	  data: {
  	    shapes: [
  	      {
  	        type: 'zingchart.maps',
  	        options: {
  	          name: 'world.continents'
  	        }
  	      }
  	    ]
  	  },
  	  height: 250,
  	  width: '100%'
    });
  });