?? ? ?? ??????? Chart.js? ?? ?? ?? ?????. ?? ? ?? ????? ?? ? ??? ??? ??? ???? ??? ???? ?? ??? ??? ?? ? ??????. ? ??? ????? ?? Chart.js : Axis and Scale? ??? ???? ?????.

v1.0 ??? ????? ?? ??? ?? ?? ??? ?? ? ?????. ? ??????? ???? ???? ?????? ?? ? ??? ??? ???? ??? ???? ????? ??????.

??? ??? ? ???? ??????

??? ??? ?? ?? ??? ?? ? ?? ?? scale ??? ?????.

??? ??? ?? ?? ??? ??? ??? ??? ??? ??? ?????.

 var chartoptions = {
  ???? : {
    ??: {
      ????? : True,
      ?? : '??',
      ?? : {
        Boxwidth : 50,
        usepointStyle : true,
        PointStyle : "Line"
      }
    }
  },
  ??? : {
    x : {
      ??? : {
        ????? : False
      },
      ??: {
        ????? : True,
        ??? : "? ??",
        ?? : "???",
        ?? : {
          ?? : 24,
          ?? : "???"
        }
      }
    },
    Y : {
      ??? : {
        ?? : "#CCC",
        Borderdash : [20, 4],
        BorderColor : "Black",
        TickColor : "Black"
      },
      ??: {
        ????? : True,
        ??? : "??? ?? ??",
        ?? : "??",
        ?? : {
          ?? : 18,
          ?? : "???"
        }
      }
    }
  }
}; 

grid ?? ?? ????. font ?? ????

??? ??? ??? ?? ? ?? ??? ???? minute ? ?? ? ?? ?? ??? ?? ????. displayFormats ?? ???? ??? ???? ???? ??? ??? ? ????.

round ?? ???? ??? ???? ?? ??? ??? ? ?? ????. round ?? ??? ???????. ?? hour ?? ???? ???? ? ? ???????? ?? ? ???. ? ?? ?? 5? 30 ??? ?? ??? ?? 5? 50 ?? ?? ?? 5?? ?? ??? ?? ?????. ?? minute ?? ???? ?? 5:30 ? 5:50 ??? ?????.

?? ??? ???? ?? ???? ???? ???? ??? ??? ? ??? ?? ? ????.

 var chartoptions = {
  ???? : {
    ??: {
      ?? : "??",
      ?? : {
        Boxwidth : 50,
        usepointStyle : true,
        PointStyle : "Line",
      }
    }
  },
  ??? : {
    x : {
      ?? : "??",
      ??? : {
        TickColor : "Green",
        Borderdash : [5, 2],
        ??? : 2,
        ?? : "?? ?",
        BorderColor : "Black",
      },
      ??: {
        ?? : "?",
        ??? : 30,
        ToolTipFormat : "HH : MM A",
        DisplayFormats : {
          "Minute": "HH : MM A"
        }
      },
      ??? : {
        ?? : "??",
        ?? : {
          ?? : "???"
        }
      },
      ??: {
        ????? : True,
        ??? : "??",
        ?? : {
          ?? : "???",
          ?? : 22
        }
      }
    },
    Y : {
      ??? : {
        ?? : "?? ?",
        Borderdash : [5, 2,],
        BorderColor : "Black",
        TickColor : "Red",
        ??? : 2,
      },
      ??? : {
        ?? : "???",
        ?? : {
          ?? : "???"
        }
      },
      ??: {
        ????? : True,
        ??? : "?? (mph)",
        ?? : {
          ?? : "???",
          ?? : 22
        }
      }
    }
  }
}; 

??

? ????? Chart.js? ??? ??? ???? ???? ? ??????. ?? ???? ??, ?? ? ?? ?, ??? ? ? ?? ??? ???? ???? ???? ?? ??? ?? ? ? ????.

? ???? 5 ?? ????? ?? ?? ??? Chart.js?? ?? ??? ?? ??? ??? ?? ? ????. ? ???? ?? ???? ???? ????.

???? ??? ?? ?? ??? ? ???? ?? ??? Envato ???? ???? ???? ??????.

? ??? Chart.js : ? ? ???? ?????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!