zoukankan      html  css  js  c++  java
  • FusionCharts Marimekko图

    1、Marimekko静态页面

    Marimekko.html:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <title>FusionCharts Marimekko</title>
    	
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="this is my page">
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="../scripts/jquery-2.0.3.js"></script>
        <script type="text/javascript" src="../scripts/Charts/FusionCharts.js"></script>
        <script type="text/javascript">
            $(function(){
                  var marimekko = new FusionCharts( "../scripts/Charts/Marimekko.swf", "marimekkoId", "100%", "540", "0" );
          		  marimekko.setXMLUrl("data/marimekko.xml");
                  marimekko.render("marimekkoChart");
            });
        </script>
    
      </head>
      
      <body>
        <div id="marimekkoChart"></div>
      </body>
    </html>
    

    2、Marimekko数据源

    marimekko.xml:

    <?xml version="1.0" encoding="UTF-8"?>
    <chart showValues="0" caption="年销量" subCaption="2013" xAxisName="月份" yAxisName="销量" 
           legendCaption="" baseFont='微软雅黑' baseFontSize='24' baseFontColor='#00FF00' 
           outCnvBaseFont='微软雅黑' outCnvBaseFontSize='20' outCnvBaseFontColor='#0000FF'>
    
    
       <categories>
         <category label="一月"/>
         <category label="二月"/>
         <category label="三月"/>
         <category label="四月"/>
         <category label="五月"/>
         <category label="六月"/>
         <category label="七月"/>
         <category label="八月"/>
         <category label="九月"/>
         <category label="十月"/>
         <category label="十一月"/>
         <category label="十二月"/>
       </categories>
    
    
       <dataset seriesName="苹果">
         <set value="335000"/>
         <set value="225100"/>
         <set value="164200"/>
         <set value="335000"/>
         <set value="225100"/>
         <set value="164200"/>
         <set value="335000"/>
         <set value="225100"/>
         <set value="164200"/>
         <set value="335000"/>
         <set value="225100"/>
         <set value="164200"/>
       </dataset>
    
    
       <dataset seriesName="梨子">
         <set value="215000"/>
         <set value="198000"/>
         <set value="120000"/>
         <set value="215000"/>
         <set value="198000"/>
         <set value="120000"/>
         <set value="215000"/>
         <set value="198000"/>
         <set value="120000"/>
         <set value="215000"/>
         <set value="198000"/>
         <set value="120000"/>
       </dataset>
    
    
       <dataset seriesName="橘子">
         <set value="298000"/>
         <set value="109300"/>
         <set value="153600"/>
         <set value="298000"/>
         <set value="109300"/>
         <set value="153600"/>
         <set value="298000"/>
         <set value="109300"/>
         <set value="153600"/>
         <set value="298000"/>
         <set value="109300"/>
         <set value="153600"/>
       </dataset>
    
    
    </chart>

    3、运行结果


  • 相关阅读:
    C++ 顺序表实现
    C++ 第三十四天
    C++ 第三十三天
    机器学习相关- 学习资料收集
    【Debian 8.8】Java 8 安装以及环境变量配置
    算法导论(第三版)练习 1.2-1 ~ 1.1-3
    条款33: 明智地使用内联
    条款32: 尽可能地推迟变量的定义
    条款31: 千万不要返回局部对象的引用,也不要返回函数内部用new初始化的指针的引用
    【Nginx】进程模型
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13315422.html
Copyright © 2011-2022 走看看