highcharts.json

{
  "pie": {
    "colors": [
      "#828282",
      "#9b9b9b",
      "#bababa",
      "#c5c5c5",
      "#828282",
      "#9b9b9b",
      "#bababa",
      "#c5c5c5"
    ],
    "credits": {
      "enabled": false
    },
    "title": {
      "text": "",
      "verticalAlign": "middle",
      "floating": "true",
      "useHTML": true,
      "style": {
        "fontSize": "49px",
        "color": "#ff0303",
        "marginTop": "",
        "marginLeft": ""
      }
    },
    "tooltip": {
      "percentageDecimals": 0,
      "valueSuffix": "%",
      "formatter": "return '<span style=\"font-weight:bold; font-size:14px;color:' + this.point.series.color + '\">'+ (this.point.name || this.series.name) +': ' + Math.round(this.percentage*100)/100 + '%</span><br />'",
      "borderRadius": 0
    },
    "plotOptions": {
      "pie": {
        "shadow": false,
        "center": ["50%", "50%"],
        "size": "100%",
        "borderWidth": 0,
        "borderColor": "#fff",
        "animation": {
          "duration": 400
        }
      }
    },
    "series": [
      {
        "name": "",
        "data": [],
        "size": "108%",
        "innerSize": "55%",
        "dataLabels": {
          "formatter": "return this.y > 0 ? (this.point.name || this.series.name) : null",
          "color": "#343434",
          "distance": -35,
          "style": {
            "fontFamily": "Lato-Bold, Helvetica, Arial, sans-serif",
            "fontSize": "13px"
          }
        }
      },
      {
        "name": "",
        "data": [],
        "size": "80%",
        "innerSize": "60%",
        "dataLabels": {
          "formatter": "return this.y > 1 ? '<b>'+ this.point.name +':</b> '+ Highcharts.numberFormat(this.y, 2) +'%'  : null;"
        }
      }
    ]
  },


  "line": {

    "title": {
      "text": ""
    },
    "tooltip": {
      "formatter": "return '<span style=\"font-weight:bold;font-size:14px;color:' + this.point.series.color + '\">'+ this.y +' ' + (this.point.name || this.series.name) + ' </span><span style=\"font-weight:bold;\"></span><br />'+Highcharts.dateFormat('%A %H:%M', this.x) + '<br />'",
      "borderRadius": 0
    },
    "xAxis": [
      {
        "tickPixelInterval": 50,
        "type": "datetime",
        "labels": {
          "formatter": "",
          "rotation": 65,
          "style": {
            "fontSize": "13px"
          },
          "align": "left"
        }
      }
    ],
    "yAxis": [
      {
        "title": {
          "text": ""
        },
        "min": 0,
        "labels": {
          "align": "left",
          "x": 3,
          "y": 16
        },
        "showFirstLabel": false
      },
      {
        "title": {
          "text": ""
        },
        "min": 0,
        "opposite": true,
        "labels": {
          "align": "right",
          "x": -3,
          "y": 16
        },
        "showFirstLabel": false
      }
    ],
    "series": [],
    "legend": {
      "align": "right",
      "verticalAlign": "top",
      "floating": true,
      "borderWidth": 0,
      "y": 0,
      "itemStyle": {
        "fontSize": "14px",
        "fontFamily": "Lato, Helvetica, Arial, sans-serif"
      }
    },
    "plotOptions": {
      "line": {
        "lineWidth": 3,
        "marker": {
          "radius": 3,
          "lineWidth": 2,
          "fillColor": "white",
          "lineColor": null
        },
        "animation": {
          "duration": 400
        },
        "threshold": 0
      }
    },
    "colors": [
      "#4572A7",
      "#AA4643",
      "#89A54E",
      "#80699B",
      "#3D96AE",
      "#DB843D",
      "#92A8CD",
      "#A47D7C",
      "#B5CA92"
    ],
    "credits": {
      "enabled": false
    }

  },

  "bar": {
    "title": {
      "text": ""
    },
    "legend": {
      "enabled": true
    },
    "plotOptions": {
      "series": {
        "shadow": false,
        "borderColor": "#fff",
        "borderWidth": 2
      }
    },
    "tooltip": {
      "percentageDecimals": 0,
      "formatter": "return this.x + '<br/>' + '<span style=\"font-weight:bold;font-size:14px;color:' + this.point.series.color + '\">'+ this.y + ' ' + (this.point.name || this.series.name) + '</span><br />'",
      "borderRadius": 0
    },
    "xAxis": {
      "categories": [],
      "lineColor": "#999",
      "lineWidth": 1,
      "tickColor": "#666",
      "tickLength": 1,
      "labels": {
        "formatter": "",
        "rotation": 65,
        "style": {
          "fontSize": "10px"
        },
        "align": "left"
      }
    },
    "yAxis": [
      {
        "min": 0,
        "lineColor": "#999",
        "lineWidth": 1,
        "tickColor": "#666",
        "tickWidth": 1,
        "tickLength": 1,
        "gridLineColor": "#ddd",
        "title": {
          "text": "",
          "style": {
            "color": "#000"
          }
        }
      }

    ],
    "credits": {
      "enabled": false
    },
    "colors": [
      "#828282",
      "#9b9b9b",
      "#bababa",
      "#c5c5c5",
      "#828282",
      "#9b9b9b",
      "#bababa",
      "#c5c5c5"
    ]
  },

  "area": {

    "title": {
      "text": ""
    },
    "tooltip": {
      "formatter": "return '<span style=\"font-weight:bold;font-size:14px;color:' + this.point.series.color + '\">'+ this.y +' ' + (this.point.name || this.series.name) + '</span><br />'+Highcharts.dateFormat('%A %H:%M', this.x) + '<br />'",
      "borderRadius": 0
    },
    "xAxis": [
      {
        "type": "datetime",
        "maxZoom": 1,
        "labels": {
          "formatter": "",
          "rotation": 65,
          "style": {
            "fontSize": "13px"
          },
          "align": "left",
          "step": "1"
        }
      }
    ],
    "yAxis": [
      {
        "title": {
          "text": ""
        },
        "min": 0,
        "labels": {
          "align": "left",
          "x": 3,
          "y": 16
        },
        "showFirstLabel": false
      },
      {
        "title": {
          "text": ""
        },
        "min": 0,
        "opposite": true,
        "labels": {
          "align": "right",
          "x": -3,
          "y": 16
        },
        "showFirstLabel": false
      }
    ],
    "series": [],
    "legend": {
      "align": "right",
      "verticalAlign": "top",
      "floating": true,
      "borderWidth": 0,
      "itemStyle": {
        "fontSize": "14px"
      }
    },
    "plotOptions": {
      "area": {
        "stacking": "normal",
        "lineWidth": 1,
        "marker": {
          "enabled": false
        },
        "threshold": null,
        "shadow": false,
        "animation": {
          "duration": 400
        }
      },
      "series": {
        "lineWidth": 1,
        "marker": {
          "radius": 2,
          "lineWidth": 1,
          "fillColor": "white",
          "lineColor": null
        },
        "animation": {
          "duration": 400
        }
      }
    },
    "colors": [
      "#4572A7",
      "#AA4643",
      "#89A54E",
      "#80699B",
      "#3D96AE",
      "#DB843D",
      "#92A8CD",
      "#A47D7C",
      "#B5CA92"
    ],
    "credits": {
      "enabled": false
    }

  }
}