Home › Forums › Chart Support › Display HTML values in canvas chart

Display HTML values in canvas chart

Viewing 2 posts - 1 through 2 (of 2 total)
  • April 7, 2016 at 2:48 am #10110

    user864731537

    I’ve recently started looking into canvasjs and i think it’s great. I’m using the following JavaScript and HTML code. I currently have the bar chart displaying set results. How can i change this to display the values which are displayed in the HTML div’s (test and duration). I want to try and put these values into the chart? these values come from local storage and i have them displaying on the HTML page. Can someone please help me?

    	
      data: [
      {        
        type: "bar",
        showInLegend: true,
        name: "Black",
        color: "#000000",
        dataPoints: [
        { y: 0.18, label: "Test"},
        { y: 0.12, label: "Test 1"},
        { y: 0.59, label: "Test 2"},        
        { y: 1.15, label: "Test 3"},        

        ]
      },
      ]
    });

chart.render();
}
</script>

    </head>

    <body>
        <div id="bar">
      
            <span>History</span>
        </div>
   
		
			<div id="chartContainer" style="height: 300px; width: 100%;"></div>
		
		
		  <div id="startTime">
        </div>
		<div id="startDate">
        </div>
		<div id="duration">
        </div>
		<div id="test">
        </div>

    </body>
</html>
    • This topic was modified 8 years, 7 months ago by user864731537.
    April 14, 2016 at 6:40 pm #10142

    Vishwas R

    Here is an example where you can access data from HTML and pass it to chart.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.