

Then create a data view, hide the extra column, and use the data view to draw the chart. Here's a JSFiddle that shows the working columns & chart: but I did have to put it in the midlle of the the data Columns - it wouldn't work if I put the Style column as the last column in the set.) (I have been able to add in a Style column to the data object. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

I want to make the chart clickable: user clicks an bar and is taken to details for that bar.īut when I added a new addcolumn() to the JS code, and matching data in the addrow() array, it gave me an error about invalid columns. W3Schools offers free online tutorials, references and exercises in all the major languages of the web. I wanted to add in a new data column, so that I could tag each row with a database ID for that record. Google Developers Help What is the Google Chart API The Google Chart API is an extremely simple tool that lets you easily create a chart from some data and embed it in a webpage. I have a Timeline chart built, and working. I'm using Google's Visualization JS library, with the Timeline chart type.
