图像进入图表

时间:2014-05-22 05:56:59

标签: javascript html charts

嗨,我有一张图片,我需要创建一个相同的图表。任何人都可以让我知道哪个技术可以创建一个看起来相同的图表

<html>
  <head>
    <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 = google.visualization.arrayToDataTable([
          ['',''],
          ['',27],
          ['',25],
          ['',60],
          ['',31],
          ['',25],        
          ['',39],        
          ['',25],
          ['',31],
          ['',26],
          ['',28],        
          ['',80],          
          ['',28],
          ['',27],
          ['',31],
          ['',27],        
          ['',29],        
          ['',26],
          ['',35],
          ['',70],
          ['',25]             
        ]);
        var options = {   
                backgroundColor: {
                    stroke: '#4322c0',
                    strokeWidth: 3},
                'is3D':true,
                series: {0:{color:'#DF013A',lineWidth:2}},
                colors:['#D8D8D8'],
                backgroundColor: "transparent",
                legend: {position: 'none'}
        };
        var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 300px; height: 300px;"></div>
  </body>
</html>
  <body>
    <div id="chart_div"></div>
  </body>
</html>

1 个答案:

答案 0 :(得分:0)

查看this tutorial关于使用Java创建不同类型的图表的信息。

您可能也对this one感兴趣。

另外一个是Google Chart ToolsGoogle Chart API