Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
<meta name="description" content="Custom Line Chart - 1" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>
      Google Visualization API Sample
    </title>
    <script type="text/javascript" src="//www.google.com/jsapi"></script>
  </head>
  <body style="font-family: Arial;border: 0 none;">
    <div id="visualization" style="width: 500px; height: 400px;"></div>
  </body>
</html>
 
google.load('visualization', '1', {packages: ['corechart']});
function drawVisualization() {
        var jsonDataSet = [["27-12-2013",4.5],["28-12-2013",4.5],["29-12-2013",4.5],["30-12-2013",4.5],["31-12-2013",4.5],["01-01-2014",4.5],["02-01-2014",4.5]];
        
        // Create the data table.
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Date');
        data.addColumn('number', 'Credibility');
        data.addRows(jsonDataSet);
        
        // Set chart options
        var chartOptions  = {
          chartArea: {
            height: 220,
            width: 340,
            left: 20,
            top: 5
          },
          legend: 'none',
          titlePosition: 'none',
          width: 370,
          height: 280,
          vAxis: {
            format: '0',
            ticks: [0,1,2,3,4,5],
            viewWindowMode: 'maximized'
          },
          hAxis: {
            slantedText: true,
            slantedTextAngle: 40,
            viewWindowMode: 'maximized'
          }
        };
        
        var credibilityChart = new google.visualization.LineChart(document.getElementById('visualization'));
        
        // Draw chart, passing in some options.
        credibilityChart.draw(data, chartOptions);
      }
    
      google.setOnLoadCallback(drawVisualization);
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
ecmdrpro
0viewers