Chart.js line não fica com largura 100%

[diegohamaz1 0]

Galera Boa Tarde,

tenho um grafico no Chart.js e estou com o seguinte problema, não consigo sobrepor e deixar 100% a linha azul no caso , conforme a imagem abaixo. Alguem tem alguma solução?

O código segue abaixo:

var chart_destinacao_data = {
labels : ['    ','   '],
datasets : [
	
  
	{
		// Fixado
		fillColor : "rgba(0, 0, 0, 0)",
        type: "line",
        
        strokeColor : "rgba(0,0,255,0.3)",
		data : [
            <?php if (!empty($meta)) {
                for ($i = 0;$i < 10;++$i) {
                    echo $meta[0]->meta.',';
                }
            }
        ?>]
	},
    {
		// Gerador

		fillColor : "rgba(0, 255, 0, 0.3)",
		strokeColor : "rgba(0, 255, 0, 0.3)",
		data : [
            <?php if (!empty($destinacao)) {
                for ($i = 0;$i < 1;++$i) {
                    echo $destinacao.',';
                }
            }
        ?>]
	},
    {
		// Gerador

		fillColor : "rgba(222,184,135,0.5)",
		strokeColor : "rgba(222,184,135,0.5)",
		data : [
            <?php if (!empty($total_aterro)) {
                for ($i = 0;$i < 1;++$i) {
                    echo $total_aterro.',';
                }
            }
        ?>]
	},
	{
		// Base
		fillColor : "rgba(232,49,54,0)",
		strokeColor : "rgba(232,49,54,0)",
		data : [100,100]
	},
	{
		// Base
		fillColor : "rgba(232,49,54,0)",
		strokeColor : "rgba(232,49,54,0)",
		data : [0,0]
	}

]
}