1#@!#!123s

file_get_contents 1#@!#!123s

: / home / u616635980 / domains / bharatirealtors.com / public_html / js /

Filename : chart-init.js

back

var ctx = document.getElementById("lineChart").getContext("2d");
var gradient = ctx.createLinearGradient(0, 0, 0, 400);

// Định nghĩa gradient màu từ trên xuống dưới
gradient.addColorStop(0, "rgba(21, 99, 223,0.2)");
gradient.addColorStop(1, "rgba(21, 99, 223,0)");

var myChart = new Chart(ctx, {
  type: "line", // Sử dụng biểu đồ line và thiết lập vùng fill
  data: {
    labels: [
      "Jan",
      "Feb",
      "Mar",
      "Apr",
      "May",
      "Jun",
      "	Jul",
      "Aug",
      "Sep",
      "Oct",
      "Nov",
      "Dec",
    ],
    datasets: [
      {
        data: [
          42, 45, 70, 65, 140, 130, 145, 145, 160, 135, 140, 130, 135, 140, 250,
        ],
        backgroundColor: gradient, // Sử dụng gradient cho vùng màu
        borderColor: "#1563DF", // Màu của đường viền
        borderWidth: 2,
        fill: true, // Đổ màu bên dưới đường
        tension: 0.4, // Tạo đường cong mềm mại cho biểu đồ
      },
    ],
  },
  options: {
    responsive: true,
    plugins: {
      legend: {
        display: false, 
      },
    },
    scales: {
      y: {
        beginAtZero: true,
      },
    },
  },
});