Simple getting started question please #8423

sortel64 · 2021-02-14T14:16:35Z

sortel64
Feb 14, 2021

Hi, I'm just getting started with Chart.js. I have a super example that I pieced together from examples that produces a chart with axis' and grid lines, but no chart data:

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	</head>
	<body>
		<h1>Chart:</h1>
		<canvas id="chartjs" width="400" height="400"></canvas>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.bundle.js"></script>
		<script>
			var ctx = document.getElementById("chartjs");
			var myChart = new Chart(ctx, {
				type: "line",
				datasets: [
					{
						label: "System.CPU",
						data: [
							{ x: 1, y: 5 },
							{ x: 2, y: 10 },
						],
					},
				],
				options: {}
			});
		</script>
	</body>
</html>

etimberg · 2021-02-14T14:31:34Z

etimberg
Feb 14, 2021
Maintainer

@sortel64 you need to nest the data a bit further in the config

var myChart = new Chart(ctx, {
  type: "line",
  data: {
    datasets: [
      {
        label: "System.CPU",
        data: [
          { x: 1, y: 5 },
          { x: 2, y: 10 },
        ],
      },
    ],
  }
  options: {}
});

1 reply

sortel64 Feb 14, 2021
Author

Ah, so simple. I knew it had to be something silly. Many thanks for the quick response and for Chart.js.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Simple getting started question please #8423

{{title}}

Replies: 1 comment 1 reply

{{title}}

{{title}}

Select a reply

Simple getting started question please #8423

sortel64 Feb 14, 2021

Replies: 1 comment · 1 reply

etimberg Feb 14, 2021 Maintainer

sortel64 Feb 14, 2021 Author

sortel64
Feb 14, 2021

Replies: 1 comment 1 reply

etimberg
Feb 14, 2021
Maintainer

sortel64 Feb 14, 2021
Author