test

by UTree

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>

	<title>Green</title>
<input type="hidden" id="dog"/>


<canvas id="myChart" width="320" height="320"></canvas>
<div id="hog"></div>

<script language="javascript">
var clusterZ = "30";
var canvas = document.getElementById("myChart");
var data = {
  labels: ["January", "February", "March", "April", "May", "June", "July"],
  datasets: [{
    label: "My First dataset",
    backgroundColor: [
      'rgba(255, 99, 132, 0.2)',
      'rgba(54, 162, 235, 0.2)',
      'rgba(255, 206, 86, 0.2)',
      'rgba(75, 192, 192, 0.2)',
      'rgba(153, 102, 255, 0.2)',
      'rgba(255, 159, 64, 0.2)'
    ],
    borderColor: [
      'rgba(255,99,132,1)',
      'rgba(54, 162, 235, 1)',
      'rgba(255, 206, 86, 1)',
      'rgba(75, 192, 192, 1)',
      'rgba(153, 102, 255, 1)',
      'rgba(255, 159, 64, 1)'
    ],
    borderWidth: 1,
    data: [65, 59, 80, 81, 56, 55, parseInt(document.getElementById("dog").value ,10)],
  }]
};
 var myBarChart = new Chart.Bar(canvas, {

    data: data,
 
});

</script>

JavaScript

var clusterZ = "40";
var log = document.getElementById('hog');
var mog = document.getElementById('dog');
log.innerHTML= clusterZ;
mog.innerHTML= clusterZ;