var ctx = document.getElementById('myChart').getContext("2d");

var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: ["12/23", "12/23", "12/23", "12/23", "12/23", "12/23", "12/23"],
        datasets: [{
            label: "Domain Reputation Status ",
            borderColor: "#80b6f4",
            pointBorderColor: "#80b6f4",
            pointBackgroundColor: "#80b6f4",
            pointHoverBackgroundColor: "#80b6f4",
            pointHoverBorderColor: "#80b6f4",
            pointBorderWidth: 10,
            pointHoverRadius: 10,
            pointHoverBorderWidth: 1,
            pointRadius: 3,
            fill: false,
            borderWidth: 4,
            data: [100, 120, 150, 170, 180, 170, 160]
        }]
    },
    options: {
        legend: {
            position: "bottom"
        },
        scales: {
            yAxes: [{
                ticks: {
                    fontColor: "rgba(0,0,0,0.5)",
                    fontStyle: "bold",
                    beginAtZero: false,
                    maxTicksLimit: 5,
                    padding: 20
                },
                gridLines: {
                    drawTicks: false,
                    display: true,
                    text: 'Test'
                }

            }],
            xAxes: [{
                gridLines: {
                    zeroLineColor: "transparent"
                },
                ticks: {
                    padding: 20,
                    fontColor: "rgba(0,0,0,0.5)",
                    fontStyle: "bold",
                    labelString: 'HIGH'
                }
            }]
        }
    }
});












var ctx = document.getElementById("GooglePostmasterDash").getContext('2d');
var myChart = new Chart(ctx, {
	type: 'bar',
	data: {
		labels: ["02/11","02/15","02/15","02/15","02/15","02/15","02/15","02/15","02/15"],
		datasets: [{
			label: 'High IP',
			backgroundColor: "#4F935C",
			data: [0, 10, 5, 26, 18, 12, 9, 37, 35],
		}, {
			label: 'Medium IP',
			backgroundColor: "#EBA41F",
			data: [0, 12, 15, 11, 28,12, 29, 5, 23],
		}, {
			label: 'Low IP',
			backgroundColor: "#DC443B",
			data: [0, 6, 25, 30, 38,12, 29, 25, 21],
		}, {
			label: 'Bad IP',
			backgroundColor: "#800000",
			data: [54, 6, 25, 6, 18, 12, 29, 12, 24],
		}],
	},
options: {
    tooltips: {
      displayColors: true,
      callbacks:{
        mode: 'y',
      },
    },
    scales: {
      xAxes: [{
        stacked: true,
        gridLines: {
          display: true,
        }
      }],
      yAxes: [{
        stacked: true,
        ticks: {
            min: 0,
            max: 100,
            callback: function(value){return value+ "%"}
        },
        type: 'linear',
      }]
    },
		responsive: true,
		maintainAspectRatio: true,
		legend: { position: 'bottom' },
	}
});



var ctx = document.getElementById('GooglePostmasterDashURSS').getContext("2d");

var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: ["12/23", "12/23", "12/23", "12/23", "12/23", "12/23", "12/23"],
        datasets: [{
            label: "User Reported Spam Status ",
            borderColor: "#80b6f4",
            pointBorderColor: "#80b6f4",
            pointBackgroundColor: "#80b6f4",
            pointHoverBackgroundColor: "#80b6f4",
            pointHoverBorderColor: "#80b6f4",
            pointBorderWidth: 10,
            pointHoverRadius: 10,
            pointHoverBorderWidth: 1,
            pointRadius: 3,
            fill: false,
            borderWidth: 4,
            data: [100, 40, 150, 170, 180, 170, 60]
        }]
    },
    options: {
        legend: {
            position: "bottom"
        },
        scales: {
            yAxes: [{
                ticks: {
                    fontColor: "rgba(0,0,0,0.5)",
                    fontStyle: "bold",
                    beginAtZero: false,
                    maxTicksLimit: 5,
                    padding: 20
                },
                gridLines: {
                    drawTicks: false,
                    display: true,
                    text: 'Test'
                }

            }],
            xAxes: [{
                gridLines: {
                    zeroLineColor: "transparent"
                },
                ticks: {
                    padding: 20,
                    fontColor: "rgba(0,0,0,0.5)",
                    fontStyle: "bold",
                    labelString: 'HIGH'
                }
            }]
        }
    }
});


var ctx = document.getElementById('GooglePostmasterDashURSS2').getContext("2d");

var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: ["12/23", "12/23", "12/23", "12/23", "12/23", "12/23", "12/23"],
        datasets: [{
            label: "User Reported Spam Status ",
            borderColor: "#80b6f4",
            pointBorderColor: "#80b6f4",
            pointBackgroundColor: "#80b6f4",
            pointHoverBackgroundColor: "#80b6f4",
            pointHoverBorderColor: "#80b6f4",
            pointBorderWidth: 10,
            pointHoverRadius: 10,
            pointHoverBorderWidth: 1,
            pointRadius: 3,
            fill: false,
            borderWidth: 4,
            data: [100, 40, 150, 170, 180, 170, 60]
        }]
    },
    options: {
        legend: {
            position: "bottom"
        },
        scales: {
            yAxes: [{
                ticks: {
                    fontColor: "rgba(0,0,0,0.5)",
                    fontStyle: "bold",
                    beginAtZero: false,
                    maxTicksLimit: 5,
                    padding: 20
                },
                gridLines: {
                    drawTicks: false,
                    display: true,
                    text: 'Test'
                }

            }],
            xAxes: [{
                gridLines: {
                    zeroLineColor: "transparent"
                },
                ticks: {
                    padding: 20,
                    fontColor: "rgba(0,0,0,0.5)",
                    fontStyle: "bold",
                    labelString: 'HIGH'
                }
            }]
        }
    }
});

var ctx = document.getElementById('GooglePostmasterDashURSS3').getContext("2d");
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: ["12/23", "12/23", "12/23", "12/23", "12/23", "12/23", "12/23"],
        datasets: [{
            label: "User Reported Spam Status ",
            borderColor: "#80b6f4",
            pointBorderColor: "#80b6f4",
            pointBackgroundColor: "#80b6f4",
            pointHoverBackgroundColor: "#80b6f4",
            pointHoverBorderColor: "#80b6f4",
            pointBorderWidth: 10,
            pointHoverRadius: 10,
            pointHoverBorderWidth: 1,
            pointRadius: 3,
            fill: false,
            borderWidth: 4,
            data: [100, 40, 150, 170, 180, 170, 60]
        }]
    },
    options: {
        legend: {
            position: "bottom"
        },
        scales: {
            yAxes: [{
                ticks: {
                    fontColor: "rgba(0,0,0,0.5)",
                    fontStyle: "bold",
                    beginAtZero: false,
                    maxTicksLimit: 5,
                    padding: 20
                },
                gridLines: {
                    drawTicks: false,
                    display: true,
                    text: 'Test'
                }

            }],
            xAxes: [{
                gridLines: {
                    zeroLineColor: "transparent"
                },
                ticks: {
                    padding: 20,
                    fontColor: "rgba(0,0,0,0.5)",
                    fontStyle: "bold",
                    labelString: 'HIGH'
                }
            }]
        }
    }
});

var ctx = document.getElementById('GooglePostmasterDashURSS4').getContext("2d");
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: ["12/23", "12/23", "12/23", "12/23", "12/23", "12/23", "12/23"],
        datasets: [{
            label: "User Reported Spam Status ",
            borderColor: "#80b6f4",
            pointBorderColor: "#80b6f4",
            pointBackgroundColor: "#80b6f4",
            pointHoverBackgroundColor: "#80b6f4",
            pointHoverBorderColor: "#80b6f4",
            pointBorderWidth: 10,
            pointHoverRadius: 10,
            pointHoverBorderWidth: 1,
            pointRadius: 3,
            fill: false,
            borderWidth: 4,
            data: [100, 40, 150, 170, 180, 170, 60]
        }]
    },
    options: {
        legend: {
            position: "bottom"
        },
        scales: {
            yAxes: [{
                ticks: {
                    fontColor: "rgba(0,0,0,0.5)",
                    fontStyle: "bold",
                    beginAtZero: false,
                    maxTicksLimit: 5,
                    padding: 20
                },
                gridLines: {
                    drawTicks: false,
                    display: true,
                    text: 'Test'
                }

            }],
            xAxes: [{
                gridLines: {
                    zeroLineColor: "transparent"
                },
                ticks: {
                    padding: 20,
                    fontColor: "rgba(0,0,0,0.5)",
                    fontStyle: "bold",
                    labelString: 'HIGH'
                }
            }]
        }
    }
});