`

网页图表

    博客分类：
  • java
图表网页 
阅读更多

<html>
  <head>
    <!--Load the AJAX API-->
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
   
      // Load the Visualization API and the piechart package.
      google.load('visualization', '1.0', {'packages':['corechart']});
     
      // Set a callback to run when the Google Visualization API is loaded.
      google.setOnLoadCallback(drawChart);
     
      // Callback that creates and populates a data table,
      // instantiates the pie chart, passes in the data and
      // draws it.
      function drawChart() {

      // Create the data table.
      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Topping');
      data.addColumn('number', 'Slices');
      data.addRows([
        ['Mushrooms', 3],
        ['Onions', 1],
        ['Olives', 1],
        ['Zucchini', 1],
        ['Pepperoni', 2]
      ]);

      // Set chart options
      var options = {'title':'How Much Pizza I Ate Last Night',
                     'width':400,
                     'height':300};

      // Instantiate and draw our chart, passing in some options.
      var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    }
    </script>
  </head>

  <body>
    <!--Div that will hold the pie chart-->
    <div id="chart_div"></div>
  </body>
</html>

分享到：
| Android Activity界面切换添加动画特效
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    网页图表Highcharts实践教程基础篇

    网页图表Highcharts实践教程基础篇主要涵盖了如何使用Highcharts库创建和定制各种图表，以便在网页上呈现数据。Highcharts是一款强大的JavaScript库，专为Web开发者设计，用于生成高质量的数据可视化图表。它支持...

    echart网页图表

    ECharts是一款由百度开源的，基于JavaScript的数据可视化库，它为Web开发者提供了强大的图表展示功能。...通过深入学习和实践，你可以制作出更具吸引力和洞察力的网页图表，提升用户对数据的理解和体验。

    Highmaps网页图表基础教程

    Highmaps是Highcharts系列产品之一，专门用于创建地图图表，帮助用户在网页上展示地理数据。这个基础教程将引导我们深入了解如何使用Highmaps创建交互式的地图图表，展示全球或特定地区的统计数据。 首先，我们需要...

    web网页图表控件highchart示例

    Highcharts是一款强大的JavaScript库，专为创建高质量、交互式的网页图表而设计。它支持各种类型的图表，包括折线图、柱状图、饼图、散点图、热力图等，能够满足各种数据分析和可视化的需求。在“web网页图表控件...

    Highcharts网页图表制作实例详解源文件

    Highcharts是一款强大的JavaScript库，用于在网页上创建各种交互式图表。它支持多种图表类型，如折线图、柱状图、饼图、散点图等，为数据可视化提供了丰富的选择。本实例详解将深入探讨如何使用Highcharts来构建高...

    Highcharts网页图表制作实例详解.part1

    Highcharts 是一个用纯JavaScript编写的一个图表库， 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用。HighCharts支持的图表类型有曲线图、区域图...

    Highcharts网页图表制作实例详解.part2

    Highcharts 是一个用纯JavaScript编写的一个图表库， 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用。HighCharts支持的图表类型有曲线图、区域图...

    jQchart 网页图表插件下载.rar

    **jQchart 网页图表插件详解** jQchart 是一款强大的JavaScript图表库，专为jQuery设计，用于在网页上创建各种丰富的可视化图表。它提供了多种图表类型，包括柱状图、饼图和曲线图，使得数据的呈现更加直观易懂，...

    flash柱状图（网页图表插件）源代码

    《Flash柱状图：网页图表插件的源代码解析与应用》 在互联网应用日益丰富的今天，数据可视化已经成为提升用户体验、高效传达信息的关键工具。Flash柱状图作为其中的一种常见图表类型，因其直观、易懂的特点，广泛...

    网页图表显示

    Highcharts是一款广泛应用于Web开发中的JavaScript图表库，它允许开发者在网页上绘制出各种各样的数据可视化图表，如柱状图、折线图、饼图、散点图、面积图等。这款组件以其丰富的功能、良好的性能和易于使用的API而...

    fusionCharts是如何在网页呈现图表

    FusionCharts是一款强大的图表库，它能够帮助开发者在网页中创建出丰富多样的交互式图表。这个库通过结合Flash技术和JavaScript来实现图表的渲染和功能交互。以下将详细阐述FusionCharts在网页呈现图表的过程： 1. ...

    highchart网页图表

    Highcharts是一款广泛应用于网页图表开发的JavaScript库，它以其易用性、丰富的图表类型和出色的交互功能而受到开发者们的喜爱。这款库可以帮助开发者快速、高效地在网页上创建出美观且功能强大的数据可视化图表。 ...

    个性化网页统计图表

    本文将深入探讨“个性化网页统计图表”的实现方法，主要基于jQuery库，包括环形图、柱状图和线条图的创建，以及如何利用这些工具提升网页效果。 首先，我们来看标题中的关键词“个性化图表解析器”。个性化图表是指...

    网页数据图表

    此外，交互性是现代网页图表的重要特征。用户可能需要通过鼠标悬停查看具体数据，点击高亮相关项，甚至进行缩放和拖拽操作。这些交互功能需要在编写代码时进行实现，并与图表库的事件系统配合。 考虑到网页性能，...

    网页图表Highcharts实践教程基础篇.zip_javascript 教程_图表

    Highcharts是一款广受欢迎的JavaScript图表库，用于在Web页面或应用程序中创建互动式的图表。它以其易用性、灵活性和丰富的功能集而受到开发者们的喜爱。在这个基础篇的实践教程中，你将深入理解如何利用Highcharts...

    各类不同的网页(时尚)图表

    网页图表是数据可视化的重要工具，尤其在时尚领域，它们能够以直观、美观的方式展示各种统计数据。本资源包含的"各类不同的网页(时尚)图表"涵盖了多种图表类型，如折线图、饼状图、柱形图、区域图、区块图和雷达图，...

    web 图表 jschart

    **JSChart：网页图表绘制利器** JSChart是一款强大的JavaScript库，专为在Web页面上创建交互式图表而设计。这款工具允许开发者轻松地在网页上展示数据，通过各种图表类型如折线图、柱状图、饼图、散点图等，使数据...

    漂亮的统计图表，flash统计图表，json统计图表，网页统计图表

    Highcharts是一款广泛应用于网页开发中的JavaScript库，专用于创建高质量、互动式的统计图表。这个库在3.0.1版本中提供了丰富的图表类型和高度定制化的选项，使得开发者能够轻松地将复杂的数据可视化，为用户提供...

    TeslaSolarChart:使用NodeJS编写的Web代理服务器，以查看，托管和缓存Tesla Solar Energy Monitor网页图表的数据

    使用NodeJS编写的Web代理服务器，以查看，托管和缓存Tesla Solar Energy Monitor网页图表的数据。 注意：特斯拉将在2019年8月1日关闭Solar City PowerGuide网站。为了存档您的历史记录，您需要在此之前使用此应用...

Magicbox
Global site tag (gtag.js) - Google Analytics