Hello.
I am here again to ask some basic silly questions. I have been using these CCC charts that Pentaho CE provides on it's own already and you do not have to be so much of a guru of any coding to get the charts to work. But, now that I have been searching and looking different kind of solutions, I have been seen this page where is a lot of charts with their basic codes. (The page: http://www.webdetails.pt/ctools/ccc.html) Only problem is, how do I use these? And if I have a sql query, lets say that has sales on it, where do i put the data and how? Sorry for asking this kinda help, but I am not finding any help from anywhere else ..
I have accomplished to get protovis like charts to work with the protovis component, and the data input for those is kinda different.. Or am I just imagining something my own? (Maybe I was just lucky to get those work ..)
Lets say I want this code to work on my dashboard:
On which component I put this? And do I need to modify it somehow to get my own SQL-query datasource to work on it automaticly?
I am here again to ask some basic silly questions. I have been using these CCC charts that Pentaho CE provides on it's own already and you do not have to be so much of a guru of any coding to get the charts to work. But, now that I have been searching and looking different kind of solutions, I have been seen this page where is a lot of charts with their basic codes. (The page: http://www.webdetails.pt/ctools/ccc.html) Only problem is, how do I use these? And if I have a sql query, lets say that has sales on it, where do i put the data and how? Sorry for asking this kinda help, but I am not finding any help from anywhere else ..
I have accomplished to get protovis like charts to work with the protovis component, and the data input for those is kinda different.. Or am I just imagining something my own? (Maybe I was just lucky to get those work ..)
Lets say I want this code to work on my dashboard:
Code:
new pvc.BarChart({ canvas: "cccBarExample1",
width: 600,
height: 400,
orientation: 'horizontal',
animate: false,
selectable: true,
hoverable: true,
valuesVisible: false,
extensionPoints: {
bar_fillStyle:
'linear-gradient(90deg, green, blue)'
// 'linear-gradient(to bottom left,
// red, yellow 20%, green, blue)'
// 'radial-gradient(red, yellow 40%, red)'
// 'linear-gradient(red, rgb(0,0,255))'
}
})
.setData(relational_03, { crosstabMode: false })
.render();
