Gráficas

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="barchart_values" style="width: 600px; height: 400px;"></div>
<div id="cursone" style="width: 600px; height: 400px;"></div>

JavaScript

google.charts.load("visualization", "1", {packages:["corechart"]});
google.charts.setOnLoadCallback(drawCharte);

function drawCharte() {
  var JJ = google.visualization.arrayToDataTable([
    ["Nombre", "Porcentaje ", {
      role: "style"
    }, {
      role: "link"
    }],
    ["Gasolineras del Norte", 8.94, "#ccc", "http://www.facebook.com"],
    ["Grupo Petrolero", 10.49, "#999", "http://www.google.com"],
    ["La Joya", 19.30, "#666", "http://www.google.com"],
    ["Oro Negro", 21.45, "color: #333", "http://www.google.com"]
  ]);

  var viewe = new google.visualization.DataView(JJ);
  viewe.setColumns([0, 1, {
      calc: "stringify",
      sourceColumn: 1,
      type: "string",
      role: "annotation"
    },
    2
  ]);

  var optionsi = {
    title: "Avance por franquiciatario",
    width: 600,
    height: 400,
    bar: {
      groupWidth: "90%"
    },
    legend: {
      position: "none"
    },
  };
  var charte = new google.visualization.BarChart(document.getElementById("barchart_values"));
  charte.draw(viewe, optionsi);

  google.visualization.events.addListener(charte, 'select', selectHandler);

  function selectHandler(e) {
     window.open(JJ.getValue(charte.getSelection()[0].row, 3));
  }
}




//OTRO
 google.load("visualization", "1", {packages:["corechart"]});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ["Nombre", "Porcentaje ", {
      role: "style"
    }, {
      role: "link"
    }],
    ["Gasolineras del Norte",11, "#ccc", "http://www.facebook.com"],
    ["Grupo Petrolero", 13, "#999", "http://www.google.com"],
    ["La Joya", 14, "#666", "http://www.google.com"],
    ["Oro Negro", 16, "color: #333", "http://www.google.com"]
  ]);

  var view = new google.visualization.DataView(data);
  view.setColumns([0, 1, {
      calc: "stringify",
      sourceColumn: 1,
      type: "string",
      role: "annotation"
    },
    2
  ]);

  var options = {
    title: "Avance...