score:0

the data array is expecting an array with values so if you remove your join it should work.

you would get this:

var diadata = []
 function getdata() {
      diadata[0] = document.getelementbyid('carat').value;
      diadata[1] = document.getelementbyid("cut").value;
      diadata[2] = document.getelementbyid("color").value;
      diadata[3] = document.getelementbyid("clarity").value;
      diadata[4] = document.getelementbyid("depth").value;
      diadata[5] = document.getelementbyid("table").value;
      diadata[6] = document.getelementbyid("x").value;
      diadata[7] = document.getelementbyid("y").value;
      diadata[8] = document.getelementbyid("z").value;
 }


getdata();
var ctxl = document.getelementbyid("barcharthorizontal").getcontext('2d');
var mylinechart = new chart(ctxl, {
  type: 'horizontalbar',
  data: {
    labels: ["carat", "cut", "color", "clarity", "depth", "table", "x", "y", "z"],
    datasets: [
      {
        label: "price",
        data: diadata, //i want to add my input data here
        backgroundcolor: 'orange',
        borderwidth: 0,
      }
    ]
  },

Related Query

More Query from same tag