Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
- <script type="text/javascript" src="https://www.google.com/jsapi"></script>
- <script type="text/javascript">
- google.load("visualization", "1", {packages: ["corechart"]});
- google.setOnLoadCallback(drawChart);
- function drawChart() {
- var data = new google.visualization.DataTable();
- data.addColumn('string', 'Name');
- data.addColumn('number', 'Fetes');
- data.addColumn({type: 'string', role: 'annotation'});
- data.addColumn('number', 'Fora Termini');
- data.addColumn({type: 'string', role: 'annotation'});
- data.addRows([
- ['Gener', 53, '53', 5, '5'],
- ['Febrer', 71, '71', 15, '15'],
- ['Marc', 36, '36', 25, '25'],
- ['Abril', 42, '42', 5, '5']
- ]);
- var view = new google.visualization.DataView(data);
- view.setColumns([0, 1, 1, 2, 3, 3, 4]);
- var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
- chart.draw(view, {
- height: 400,
- width: 500,
- series: {
- 0:{type: 'bars',color: 'blue'},
- 2:{type:'bars', color: 'red'},
- 1:{type: 'line',color: 'blue',lineWidth: 0,pointSize: 0,visibleInLegend: false},
- 3:{type: 'line',color: 'red',lineWidth: 0,pointSize: 0,visibleInLegend: false}
- }
- });
- mydiv = $("#chart_div");
- labels = mydiv.find('svg > g > g > g > g > g > text');
- for (i = 0; i < labels.length; i++) {
- el = $(labels[i]);
- changeElementPos(el);
- }
- rects = mydiv.find('svg > g > g > g > rect');
- for (i = 0; i < rects.length; i++) {
- if($(rects[i]).attr('width') == '1') $(rects[i]).remove();
- }
- }
- function changeElementPos($el) {
- obj = {
- x: parseFloat($el.attr("x")),
- y: parseFloat($el.attr("y")),
- fill: $el.attr("fill")
- }
- $el.attr('y',(obj.y+5));
- if (obj.fill == "#0000ff") $el.attr('x',(obj.x-11));
- if (obj.fill == "#ff0000") $el.attr('x',(obj.x+11));
- }
- </script>
- </head>
- <body>
- <div id="chart_div"></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment