zoukankan      html  css  js  c++  java
  • fusioncharts 汉化34

    位置:第三章创建你的第一个图表 >> 单页多图表

    FusionCharts可以在一个页面嵌入任意数量的图表(即使用注册版).事实上,你甚至可以把我们的其他产品如仪表盘和地图 (FusionWidgets, FusionMapsPowerCharts) 放在同一个页面中。这里,我们很快会看到这样的一个例子:

    • 每个页面上的图表应使用不同的DIV来渲染.
    • 每个页面上的图表都应该有一个不同的ID(在Javascript的容器中指定)
    • 每个图表都有它自己的JavaScript变量名 (如, var chart1 = new FusionCharts(...); var chart2 = new FusionCharts(...); )

    下面是一个例子所示页面包含多个图表。该网页命名为MultipleCharts.html,并存储在MyFirstChart文件夹。

    <html>
    <head>
    <script language="JavaScript" src="../FusionCharts/FusionCharts.js"></script>
    </head>

    <body bgcolor="#ffffff">
    <div id="chart1div" align="center">The chart will appear within this DIV. This text will be replaced by the chart.</div>
    <script type="text/javascript">
       var myChart1 = new FusionCharts("../FusionCharts/Column3D.swf", "myChart1Id", "900", "300", "0", "0");
       myChart1.setDataURL("Data.xml");
       myChart1.render("chart1div");
    </script>

    <div id="chart2div" align="center">The chart will appear within this DIV. This text will be replaced by the chart.</div>
    <script type="text/javascript">
       var myChart2 = new FusionCharts("../FusionCharts/Pie3D.swf", "myChart2Id", "500", "300", "0", "0");
       myChart2.setDataURL("Data.xml");
       myChart2.render("chart2div");
    </script>

    </body>
    </html>

    正如你在这里看到的,我们在这个页面上嵌入了两个图表.一个3D柱状图一个3D饼图。柱状图有一个名为myChart1的ID,它对应的DIV名字叫chart1div,图表变量叫myChart1.饼图具有不同的ID、DIV名和图表变量。

    运行这个页面,你会看到这个页上的两个图表。

  • 相关阅读:
    使用AWS、Docker与Rancher提供弹性的生产级服务
    如何用微服务重构应用程序
    Prometheus入门
    Docker监控:最佳实践以及cAdvisor和Prometheus监控工具的对比
    前后端分离session不一致问题
    Eclipse整合SSM框架+AOP+全局异常处理
    SSM配置基于注解AOP
    有关Linux
    Tomcat下配置javaWeb访问路径-Linux
    Linux下如何安装Nginx
  • 原文地址:https://www.cnblogs.com/tippoint/p/1769267.html
Copyright © 2011-2022 走看看