精华内容
下载资源
问答
  • 虽然删除图表中数据系列的方法并不单一,但别担心,汪琪老师是个很有耐心的人哦! 更多《Excel图表学习记》教程请点击 上图中的图表就是我们的初始图表,它是一个簇状柱形图,表示的是某一个班级学生的...
    如果你在Excel中为表格数据创建了图表之后,却发现图表中的某些系列我们并不需要,怎么办?根据需要重新创建一个图表么?用不着这么麻烦,汪琪老师觉得,不需要的直接从图表中删掉就好啦!虽然删除图表中数据系列的方法并不单一,但别担心,汪琪老师是个很有耐心的人哦!

    更多《Excel图表学习记》教程请点击

    初始图表

    上图中的图表就是我们的初始图表,它是一个簇状柱形图,表示的是某一个班级学生的各科成绩。接下来,就试着用各种不同的方法来删除图表中的某些数据系列吧。

    显示蓝框

    方法一

    这种方法是比较常规也比较简单的,但它只能删除图表对应的表格数据中从左侧或从右侧开始的一些数据系列,并不能删除从中间开始的一些数据系列。

    1、选中已创建的图表,此时对应图表中的数据区域就会被用蓝色的方框框选出来。

    调整蓝框大小

    2、我们拖动鼠标调整蓝色的方框的范围,将不需要的数据系列(例如大学体育和职业规划两列)从图表对应的数据区域中去除。

    删除完成

    3、OK,数据系列已删除,效果如上图所示。

    选中系列删除

    方法二

    其实图表中间的一些数据系列是可以删除的,大家可以试试这种方法。

    1、直接在图表中选中不需要的数据系列(例如计算机科学系列),按Delete键即可。

    完成

    2、数据系列删除后的效果如上图。

    选中系列

    方法三

    有些数据系列可能在图表中并不好选中,那么第二种方法使用起来就显得不大方便了,但我们可以采用这种方法。

    1、选中整张图表,然后进入“图表工具-格式”选项卡,在“当前所选内容”组中单击显示图表元素的下拉框,然后在其中找到需要删除的数据系列(例如思修系列)。

    删除

    2、图表中的数据系列已经被选中了,我们直接按下Delete键即可。http://www.wdashi.com/getimg-pdf
    展开全文
  • 我们可以图表添加数据标签,也可以对已有的数据标签进行修改或者删除,下面将通过C#代码来实现。 使用工具:Spire.XLS for .NET pack dll文件获取及引用: 方法1:通过官网下载包。下载后,解压文件,安装程序。...
        

    图表中,图表数据标签以数据化形式表现图表中的特定数据,可增强图表的可读性。我们可以对图表添加数据标签,也可以对已有的数据标签进行修改或者删除,下面将通过C#代码来实现。

    使用工具:Spire.XLS for .NET pack

    dll文件获取及引用:

    方法1通过官网下载包。下载后,解压文件,安装程序。安装后,将安装路径下Bin文件夹下的Spire.Xls.dll文件添加引用至vs项目程序。如下所示:

     

     

    方法2可通过Nuget下载。

     

    C# 示例

    【添加数据标签】

    using Spire.Xls;
    using Spire.Xls.Charts;
    using System.Drawing;
    
    
    namespace AddDataLables
    {
        class Program
        {
            static void Main(string[] args)
            {
                //加载测试文档
                Workbook workbook = new Workbook();
                workbook.LoadFromFile("test.xlsx");
    
                //获取第一个工作薄以及其中的第一个图表
                Worksheet sheet = workbook.Worksheets[0];
                Chart chart = sheet.Charts[0];
    
                //获取图表中的指定系列
                ChartSerie serie1 = chart.Series[1];
                //添加数据标签,并设置数据标签样式
                serie1.DataPoints.DefaultDataPoint.DataLabels.HasValue = true;
                serie1.DataPoints.DefaultDataPoint.DataLabels.FrameFormat.Fill.FillType = ShapeFillType.SolidColor;
                serie1.DataPoints.DefaultDataPoint.DataLabels.FrameFormat.Fill.ForeColor = Color.White;
                serie1.DataPoints.DefaultDataPoint.DataLabels.FrameFormat.Border.Pattern = ChartLinePatternType.Solid;
                serie1.DataPoints.DefaultDataPoint.DataLabels.FrameFormat.Border.Color = Color.Green;
    
    
                ////使用文档中其他单元格的数据自定义datalabel
                //ChartSerie serie2 = chart.Series[2];
                //serie2.DataPoints.DefaultDataPoint.DataLabels.ValueFromCell = sheet.Range["B4:E4"];
                ////添加数据标注
                //serie2.DataPoints.DefaultDataPoint.DataLabels.HasWedgeCallout = true;
               
                //保存文档
                workbook.SaveToFile("AddDataLable.xlsx");
                System.Diagnostics.Process.Start("AddDataLable.xlsx");
            }
        }
    }

    数据标签效果:

    数据标注效果:

     

    【编辑/修改数据标签】

    这里以上面代码中添加的数据标注为例,进行修改等操作。

    using Spire.Xls;
    using Spire.Xls.Charts;
    using System.Drawing;
    
    
    namespace ModifyDataLable
    {
        class Program
        {
            static void Main(string[] args)
            {
                //加载文档
                Workbook workbook = new Workbook();
                workbook.LoadFromFile("AddDataLable.xlsx");
    
                //获取第一个工作表以及表里面的第一个图表
                Worksheet sheet = workbook.Worksheets[0];
                Chart chart = sheet.Charts[0];
    
                //获取图表系列及数据标签
                ChartSerie chartSeries = chart.Series[2];
                ChartDataLabels cslabel = chartSeries.DataPoints[1].DataLabels;
    
    
                cslabel.HasLegendKey = true;//设置显示图例项标示
                cslabel.Position = DataLabelPositionType.Center;//设置数据标签的位置居中
    
                //自定义数据标签的位置,默认的原点在图表左上角;
                cslabel.IsYMode = true;
                cslabel.IsXMode = true;
                cslabel.X = 1100;
                cslabel.Y = 400;
    
                //设置显示引导线(任意设置一个DataPoint会对整个系列生效,但是只有自定义数据标签位置之后才会显示效果)
                cslabel.ShowLeaderLines = true;
    
                //取消楔形标注(任意设置一个DataPoint会对整个系列生效)
                cslabel.HasWedgeCallout = false;
    
                //保存
                workbook.SaveToFile("ModifyDatalable.xlsx");
                System.Diagnostics.Process.Start("ModifyDatalable.xlsx");
            }
        }
    }

    数据标签修改效果:

     

    【删除数据标签】

    using Spire.Xls;
    using Spire.Xls.Charts;
    
    namespace DeleteDataLable
    {
        class Program
        {
            static void Main(string[] args)
            {
                //加载文档
                Workbook workbook = new Workbook();
                workbook.LoadFromFile("AddDataLable.xlsx");
    
                //获取第一个工作表以及表里面的第一个图表
                Worksheet sheet = workbook.Worksheets[0];
                Chart chart = sheet.Charts[0];
    
                //删除所有系列的数据标签
                for (int i = 0; i < chart.Series.Count; i++)
                {
                    ChartSerie chartSeries = chart.Series[i];
                    chartSeries.DataPoints.Clear();
                }
    
    
                //删除指定数据系列的数据标签
                //ChartSerie chartSeries = chart.Series[2];
                //chartSeries.DataPoints.Clear();
    
    
                //删除指定系列中数据标签的指定值
                //ChartSerie chartSeries = chart.Series[2];
                //ChartDataLabels cslabel = chartSeries.DataPoints[0].DataLabels;
                //cslabel.Text = " ";
                //cslabel.HasLegendKey = false;
    
    
                //保存文档
                workbook.SaveToFile("RemoveDataLable.xlsx");
                System.Diagnostics.Process.Start("RemoveDataLable.xlsx");
            }
        }
    }

     

    运行程序后可查看数据标签删除效果。

     

    (本文完)

     

    展开全文
  • ExtJS图表

    千次阅读 2017-03-24 21:31:52
    1.1 学习技能点 本次在线学习将学习以下知识技能:Ø 柱状图Ø 饼状图Ø 折线图1.2 学习任务ExtJS3使用的Flash Chart来源于YUI,其中包括柱状图、饼状图等多种图表,这些图表可以与ExtJS组件完美整合,不仅可以...

    视频课:https://edu.csdn.net/course/play/7621

    1.1 学习技能点

    本次在线学习将学习以下知识技能:

    Ø 柱状图

    Ø 饼状图

    Ø 折线图

    1.2 学习任务

    ExtJS3使用的Flash Chart来源于YUI,其中包括柱状图、饼状图等多种图表,这些图表可以与ExtJS组件完美整合,不仅可以在Panel中显示图表,还可以通过Store为图表提供数据。

    1.2.1 任务1使用柱状图统计每月的访问人数

    需求说明

    首先定义一个JsonStroe为我们要实现的图表提供数据,代码如下:

    var store = new Ext.data.JsonStore({

            fields:['name', 'visits', 'views'],

            data: [

                {name:'Jul 07', visits: 245000, views: 3000000},

                {name:'Aug 07', visits: 240000, views: 3500000},

                {name:'Sep 07', visits: 355000, views: 4000000},

                {name:'Oct 07', visits: 375000, views: 4200000},

                {name:'Nov 07', visits: 490000, views: 4500000},

                {name:'Dec 07', visits: 495000, views: 5800000},

                {name:'Jan 08', visits: 520000, views: 6000000},

                {name:'Feb 08', visits: 620000, views: 7500000}

            ]

     });

    JsonStroe中包含3列数据,分别是namevisitsviews,分别表示日期、访问人数、浏览量,本章各个任务都使用此数据。

    大家已经学习了可以使用grid显示这些数据,但是不利于分析,也很难看出数据的变化,下面就使用柱状图统计每个月的访问人数,效果如图6.1.1所示。

     

    6.1.1 柱状图

    实现步骤

    //此行代码必须,指定图表swf文件路径

    Ext.chart.Chart.CHART_URL = 'extjs/resources/charts.swf';

    Ext.onReady(function(){

       var store = new Ext.data.JsonStore({

            fields:['name', 'visits', 'views'],

            data: [

                {name:'Jul 07', visits: 245000, views: 3000000},

                {name:'Aug 07', visits: 240000, views: 3500000},

                {name:'Sep 07', visits: 355000, views: 4000000},

                {name:'Oct 07', visits: 375000, views: 4200000},

                {name:'Nov 07', visits: 490000, views: 4500000},

                {name:'Dec 07', visits: 495000, views: 5800000},

                {name:'Jan 08', visits: 520000, views: 6000000},

                {name:'Feb 08', visits: 620000, views: 7500000}

            ]

        });

        new Ext.Panel({

            title: 'Chart',

            renderTo: 'chart',

            width:500,

            height:300,

            frame:true,

            layout:'fit',

            items: {

                xtype: 'columnchart',//指定是柱状图

                store: store,//指定数据

                xField: 'name',//X坐标数据来源

                yField: 'visits'//Y坐标数据来源

            }

        });

    });

    注意:包含图表的页面必须部署到服务器中进行访问,否则无法显示图表。

    1.2.2 任务2使用折线图统计每月的访问人数

    需求说明

    使用折线图统计每月的访问人数,效果如图6.1.2所示。

     

    6.1.2 折线图

    1.2.3 任务3:使用饼状图统计每月的访问人数

    需求说明

    使用饼状图统计每月的访问人数,效果如图6.1.3所示。

     

    6.1.3 饼状图

    1.3 参考资料

    本章节学习资料来源于:

    http://www.sencha.com/

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    第2章 复习指导

    2.1 知识总结

    2.1.1 阶段核心技能目标

    本课程要掌握如下技能和知识:

    Ø 掌握XML文档和解析

    Ø 熟练应用ExtJS常用组件

    Ø 熟练应用ExtJS常用布局

    Ø 掌握ExtJS工具栏和菜单

    Ø 掌握ExtJS图表

    2.1.2 知识体系总结

    本课程所学知识如图6.1.1所示,从图中可以总结使用ExtJS开发常用知识。

     

    7.1.1 使用ExtJS开发RIA应用知识

     

    2.2 综合实训

    2.2.1 任务描述

    本次综合实训任务是使用ExtJS作为前端RIA框架,后台技术使用SSH实现一个学生管理系统。系统首页如图7.1.2所示。

     

    7.1.2 学生管理系统首页

    点击添加工具按钮,出现添加学生界面,效果如图7.1.3所示。

     

    7.1.3 添加学生信息界面

    选中Grid中的一行数据后,点击修改工具按钮出现学生信息修改,效果界面如图7.1.4所示。

     

    7.1.4 学生信息修改界面

    双击Grid中的一行数据,将使用RowEditor进行编辑学生信息,效果如图7.1.5所示。

     

    7.1.5 使用RowEditor编辑学生信息

    修改学生信息,点击更新按钮后完成学生信息修改,效果如图7.1.6所示。

     

    7.1.6 使用RowEditor修改学生信息成功

    2.2.2 系统功能

    本系统包括以下功能:

    Ø 使用Grid本页显示学生信息

    Ø 添加学生信息

    Ø 修改学生信息

    Ø 删除学生信息

    Ø 使用行编辑器编辑学生信息

    2.2.3 开发要求

    ExtJS3Struts2Hibernate3Spring2.5JSONLib

    2.2.4 实现步骤

    1. 新建Web项目并添加SSH框架支持

    2. 编写Hibernate实体类和映射文件

    实体类代码如下所示:

    package com.yccn.student.entity;

    public class Student {

    private int id;

    private String code;

    private String name;

    private int sex;

    private int age;

    private String political;

    private String origin;

    //省略gettersetter

    }

    3. 编写DAO层接口和实现

    DAO接口代码代码如下所示:

    package com.yccn.student.dao;

    public interface StudentDAO {

    Serializable save(Student st);

    Student getById(int id);

    void deleteById(int id);

    List<Student> queryByPage(int start,int limit);

    Object merge(Student st);

    Long getCount();

    }

    DAO实现类代码如下所示:

    package com.yccn.student.dao.impl;

    import java.io.Serializable;

    import java.util.List;

    import org.hibernate.Session;

    import org.springframework.orm.hibernate3.support.HibernateDaoSupport;

    import com.yccn.student.dao.StudentDAO;

    import com.yccn.student.entity.Student;

     

    public class StudentDAOImpl extends HibernateDaoSupport implements StudentDAO {

    @SuppressWarnings("unchecked")

    @Override

    public List<Student> queryByPage(int start, int limit) {

    Session session = getSession(false);

    List<Student> students = session.createQuery(

    "from Student s order by s.code").setFirstResult(start)

    .setMaxResults(limit).list();

    return students;

    }

     

    @Override

    public Serializable save(Student st) {

    return getHibernateTemplate().save(st);

    }

     

    @Override

    public Student getById(int id) {

    return (Student) getHibernateTemplate().get(Student.class, id);

    }

     

    @Override

    public void deleteById(int id) {

    getHibernateTemplate().delete(getById(id));

    }

     

    @Override

    public Object merge(Student st) {

    return getHibernateTemplate().merge(st);

    }

     

    @Override

    public Long getCount() {

    return (Long) getHibernateTemplate().find(

    "select count(id) from Student").get(0);

    }

     

    }

    4. 编写业务逻辑层接口和实现类

    业务逻辑层接口代码参考如下:

    package com.yccn.student.service;

    import java.io.Serializable;

    import java.util.List;

    import com.yccn.student.entity.Student;

    public interface StudentService {

    List<Student> listStudentsByPage(int start, int limit);

    Serializable doAdd(Student st);

    Object doEdit(Student st);

    void doDelete(int id);

    Long getCount();

    }

     

    业务逻辑层实现类代码参考如下:

    package com.yccn.student.service.impl;

     

    import java.io.Serializable;

    import java.util.List;

    import com.yccn.student.dao.StudentDAO;

    import com.yccn.student.entity.Student;

    import com.yccn.student.service.StudentService;

    public class StudentServiceImpl implements StudentService {

    private StudentDAO studentDAO;

    public void setStudentDAO(StudentDAO studentDAO) {

    this.studentDAO = studentDAO;

    }

    public List<Student> listStudentsByPage(int start,int limit){

    return studentDAO.queryByPage(start, limit);

    }

     

    @Override

    public Serializable doAdd(Student st) {

    return studentDAO.save(st);

    }

     

    @Override

    public Object doEdit(Student st) {

    return studentDAO.merge(st);

    }

     

    @Override

    public void doDelete(int id) {

    studentDAO.deleteById(id);

    }

     

    @Override

    public Long getCount() {

    return studentDAO.getCount();

    }

    }

    5. 编写Action

    Action类代码参考如下:

    package com.yccn.student.action;

     

    import java.io.IOException;

    import java.io.PrintWriter;

    import java.util.HashMap;

    import java.util.List;

    import java.util.Map;

    import javax.servlet.http.HttpServletResponse;

    import net.sf.json.JSONObject;

    import org.apache.struts2.ServletActionContext;

    import com.opensymphony.xwork2.ModelDriven;

    import com.yccn.student.entity.Student;

    import com.yccn.student.service.StudentService;

     

    public class StudentAction implements ModelDriven<Student> {

    private Student student = new Student();

    private StudentService studentService;

    private int start;

    private int limit;

    public int getStart() {

    return start;

    }

    public void setStart(int start) {

    this.start = start;

    }

    public int getLimit() {

    return limit;

    }

    public void setLimit(int limit) {

    this.limit = limit;

    }

    public void setStudentService(StudentService studentService) {

    this.studentService = studentService;

    }

    @Override

    public Student getModel() {

    return student;

    }

    //分页查询学生信息

    public String listStudents() throws Exception {

    List<Student> students = studentService.listStudentsByPage(start, limit);

    Map<String,Object> data = new HashMap<String,Object>();

    data.put("totalCount", studentService.getCount());

    data.put("result", students);

    this.outPrint(this.toJSONString(data));

    return null;

    }

    //添加学生信息

    public String add() throws Exception {

    studentService.doAdd(student);

    outPrint("{success:true,msg:'添加学生信息成功'}");

    return null;

    }

    //修改学生信息

    public String edit() throws Exception {

    studentService.doEdit(student);

    System.out.println(student);

    outPrint("{success:true,msg:'修改学生信息成功'}");

    return null;

    }

    //删除学生信息

    public String delete() throws Exception {

    studentService.doDelete(student.getId());

    System.out.println(student.getId());

    outPrint("{success:true,msg:'删除学生信息成功'}");

    return null;

    }

    private String toJSONString(Object o){

    return JSONObject.fromObject(o).toString();

    }

    private void outPrint(String s) throws IOException{

    HttpServletResponse response = ServletActionContext.getResponse();

    response.setCharacterEncoding("utf8");

    PrintWriter out = response.getWriter();

    out.print(s);

    }

    }

    6. 框架配置

    最终各个配置文件如下所示:

    web.xml

    <?xml version="1.0" encoding="UTF-8"?>

    <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"

    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee

    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">

    <listener>

    <listener-class>

    org.springframework.web.context.ContextLoaderListener

    </listener-class>

    </listener>

    <context-param>

    <param-name>contextConfigLocation</param-name>

    <param-value>classpath:applicationContext_*.xml</param-value>

    </context-param>

    <filter>

    <filter-name>struts2</filter-name>

    <filter-class>

    org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter

    </filter-class>

    </filter>

    <filter-mapping>

    <filter-name>struts2</filter-name>

    <url-pattern>/*</url-pattern>

    </filter-mapping>

    </web-app>

    Hibernate配置文件:

    <?xml version='1.0' encoding='UTF-8'?>

    <!DOCTYPE hibernate-configuration PUBLIC

              "-//Hibernate/Hibernate Configuration DTD 3.0//EN"

              "http://hibernate.sourceforge.net/hibernate-configuration-3.0.dtd">

    <hibernate-configuration>

    <session-factory>

    <property name="dialect">

    org.hibernate.dialect.MySQLDialect

    </property>

    <property name="connection.url">jdbc:mysql:///test</property>

    <property name="connection.username">root</property>

    <property name="connection.password">admin</property>

    <property name="connection.driver_class">

    com.mysql.jdbc.Driver

    </property>

    <property name="hibernate.show_sql">true</property>

    <property name="hibernate.hbm2ddl.auto">update</property>

    <mapping resource="com/yccn/student/entity/Student.hbm.xml" />

    </session-factory>

    </hibernate-configuration>

    Spring配置使用多配置文件的方式,其中applicationContext_common.xml代码如下:

    <?xml version="1.0" encoding="UTF-8"?>

    <beans xmlns="http://www.springframework.org/schema/beans"

    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:aop="http://www.springframework.org/schema/aop"

    xmlns:tx="http://www.springframework.org/schema/tx"

    xsi:schemaLocation="

           http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-2.5.xsd

           http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-2.5.xsd

           http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-2.5.xsd">

     

    <bean id="sessionFactory"

    class="org.springframework.orm.hibernate3.LocalSessionFactoryBean">

    <property name="configLocation" value="classpath:hibernate.cfg.xml">

    </property>

    </bean>

    <bean id="myTxManager"

    class="org.springframework.orm.hibernate3.HibernateTransactionManager">

    <property name="sessionFactory" ref="sessionFactory" />

    </bean>

     

    <aop:config>

    <aop:pointcut id="serviceMethods"

    expression="execution(* com.yccn.student.service.impl.*.*(..))" />

    <aop:advisor advice-ref="txAdvice" pointcut-ref="serviceMethods" />

    </aop:config>

     

    <tx:advice id="txAdvice" transaction-manager="myTxManager">

    <tx:attributes>

    <tx:method name="do*" />

    <tx:method name="*" propagation="SUPPORTS" read-only="true" />

    </tx:attributes>

    </tx:advice>

    </beans>

    applicationContext_student.xml代码如下

    <?xml version="1.0" encoding="UTF-8"?>

    <beans xmlns="http://www.springframework.org/schema/beans"

    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:aop="http://www.springframework.org/schema/aop"

    xmlns:tx="http://www.springframework.org/schema/tx"

    xsi:schemaLocation="

           http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-2.5.xsd

           http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-2.5.xsd

           http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-2.5.xsd">

     

    <bean name="studentDAO" class="com.yccn.student.dao.impl.StudentDAOImpl">

    <property name="sessionFactory" ref="sessionFactory"></property>

    </bean>

    <bean name="studentService" class="com.yccn.student.service.impl.StudentServiceImpl">

    <property name="studentDAO" ref="studentDAO"></property>

    </bean>

    <bean name="studentAction" class="com.yccn.student.action.StudentAction" scope="prototype">

    <property name="studentService" ref="studentService"></property>

    </bean>

    </beans>

    7. 编写前端界面

    前端使用ExtJS实现,参考代码如下所示。

    Ext.onReady(function() {

    Ext.QuickTips.init();

        var sexRenderer = function(value) {

            if (value == 1) {

                return '<span style="color:red;font-weight:bold;"></span>';

            } else if (value == 2) {

                return '<span style="color:green;font-weight:bold;"></span>';

            }

        };

     var editor = new Ext.ux.grid.RowEditor({

            saveText: '更新',

            cancelText:'取消'

            

    });

    editor.on("afteredit",function(roweditor, changes, record, rowIndex){

    Ext.Ajax.request({

            url: 'student_edit.action',

            success: function(response) {

             record.commit();

                var json = Ext.decode(response.responseText);

                if (json.success) {

                    Ext.example.msg('操作提示',json.msg);

                }

            },

            failure: function() {

                Ext.Msg.alert('错误', "删除失败");

            },

            params: record.data

    });

    });

     

        var StudentRecord = Ext.data.Record.create([

            {name: 'id', type: 'int'},

            {name: 'code', type: 'string'},

            {name: 'name', type: 'string'},

            {name: 'sex', type: 'int'},

            {name: 'age', type: 'int'},

            {name: 'political', type: 'string'},

            {name: 'origin', type: 'string'},

            {name: 'professional', type: 'string'}

        ]);

     

        var store = new Ext.data.Store({

            proxy: new Ext.data.HttpProxy({url: 'student_listStudents.action'}),

            reader: new Ext.data.JsonReader({

                totalProperty: 'totalCount',

                root: 'result'

            },StudentRecord),

            remoteSort: true

        });

        store.load({params:{start:0,limit:10}});

    var sexCombo = new Ext.form.ComboBox({

    fieldLabel: '性别',

    name: 'sexText',

            hiddenName: 'sex',

    triggerAction: 'all',

    mode: 'local',

    valueField: 'value',

    displayField: 'text',

    store: new Ext.data.SimpleStore({

        fields: ['value','text'],

        data: [['1',''],['2','']]

    })

    });

    var politicalCombo = new Ext.form.ComboBox({

    name: 'political',

    store: new Ext.data.SimpleStore({

                    fields: ['text'],

                    data: [['群众'],['党员'],['团员']]

                }),

            emptyText: '请选择',

            mode: 'local',

            triggerAction: 'all',

            valueField: 'text',

            displayField: 'text',

            fieldLabel: '政治面貌'

    });

        var columns = new Ext.grid.ColumnModel([{

    header : '学号',

    dataIndex : 'code',

    editor : {

    xtype : 'textfield',

    allowBlank : false

    }

    }, {

    header : '姓名',

    dataIndex : 'name',

    editor : {

    xtype : 'textfield',

    allowBlank : false

    }

    }, {

    header : '性别',

    dataIndex : 'sex',

    renderer : sexRenderer,

    editor:{

    xtype:'combo',

    triggerAction: 'all',

    mode: 'local',

    valueField: 'value',

    displayField: 'text',

    store: new Ext.data.SimpleStore({

        fields: ['value','text'],

        data: [['1',''],['2','']]

    })

    }

    }, {

    header : '年龄',

    dataIndex : 'age',

    editor : {

    xtype : 'numberfield',

    allowBlank : false

    }

    }, {

    header : '政治面貌',

    dataIndex : 'political',

    editor:{

    xtype: 'combo',

    store: new Ext.data.SimpleStore({

                    fields: ['text'],

                    data: [['群众'],['党员'],['团员']]

                }),

            emptyText: '请选择',

            mode: 'local',

            triggerAction: 'all',

            valueField: 'text',

            displayField: 'text'

    }

    }, {

    header : '籍贯',

    dataIndex : 'origin',

    editor : {

    xtype : 'textfield',

    allowBlank : false

    }

    }]);

        columns.defaultSortable = true;

     

        // grid start

        var grid = new Ext.grid.GridPanel({

            title: '学生信息列表',

            region: 'center',

            loadMask: true,

            stripeRows:true,

            plugins: [editor],

            store: store,

            cm: columns,

            sm: new Ext.grid.RowSelectionModel({singleSelect:true}),

            viewConfig: {

                forceFit: true

            },

            bbar: new Ext.PagingToolbar({

                pageSize: 10,

                store: store,

                displayInfo: true,

                plugins: new Ext.ux.ProgressBarPager()

            }),

            tbar:[{

             text:'添加',

             icon:'icon/add.gif',

             handler:function(){

             form.getForm().reset();

             window.show();

             }

            },'-',{

             text:'修改',

             icon:'icon/edit.png',

             handler:function(){

             var record = grid.getSelectionModel().getSelected();

             if(!record){

             Ext.Msg.alert("提示","请选择要操作的记录行");

             } else {

             form.getForm().loadRecord(record);

             window.show();

             }

             }

            },'-',{

             text:'删除',

             icon:'icon/delete.gif',

             handler: function() {

                    var record = grid.getSelectionModel().getSelected();

                    if (!record) {

                        Ext.Msg.alert('提示', '请选择需要删除的信息。');

                    } else {

                     Ext.Msg.confirm("提示","删除后将无法恢复,确定要删除记录吗?",

                     function(btn){

                     if(btn == "yes"){

                     Ext.Ajax.request({

                            url: 'student_delete.action',

                            success: function(response) {

                              var json = Ext.decode(response.responseText);

                              if (json.success) {

                                Ext.Msg.alert('消息', json.msg, function() {

                                        grid.getStore().reload();

                                        form.getForm().reset();

                                    });

                                }

                            },

                            failure: function() {

                                Ext.Msg.alert('错误', "删除失败");

                            },

                            params: "id=" + record.data.id

                        });

                     }

                     })

                    }

                }

            },'-',{

             xtype:'textfield',

             width:250

            },'-',{

             text:'搜索',

             icon:'icon/query.png'

            }]

        });

        /*grid.on("rowdblclick",function(g,i){

         var rc = grid.getStore().getAt(i);

          form.getForm().reset();

            form.getForm().loadRecord(rc);

            window.show();

        });*/

        // grid end

     

        // form start

        var form = new Ext.form.FormPanel({

            frame: true,

            width: 300,

            autoHeight: true,

            labelAlign: 'right',

            labelWidth: 60,

            defaultType: 'textfield',

            buttonAlign:'center',

            defaults: {

                width: 200,

                allowBlank: false

            },

            items: [{

                xtype: 'hidden',

                name: 'id'

            },{

                fieldLabel: '学号',

                name: 'code'

            },{

                fieldLabel: '姓名',

                name: 'name'

            },{

                fieldLabel: '年龄',

                name: 'age',

                xtype: 'numberfield',

                allowNegative: false

            },sexCombo,politicalCombo,{

                fieldLabel: '籍贯',

                name: 'origin'

            }],

            buttons: [{

                text: '提交',

                handler: function() {

                    if (!form.getForm().isValid()) {

                        return;

                    }

                    var v = form.getForm().findField("id").getValue();

                    //alert(v);

                    if(v == ""){

                      // 添加

                   form.getForm().submit({

                        url: 'student_add.action',

                        success: function(f, action) {

                            if (action.result.success) {

                            window.hide();

                              Ext.Msg.alert('消息', action.result.msg, function() {

                                    grid.getStore().reload();

                                    form.getForm().reset();

                                });

                            }

                        },

                        failure: function() {

                            Ext.Msg.alert('错误', "添加失败");

                        }

                   });

                    } else {

                     //修改

                     form.getForm().submit({

                        url: 'student_edit.action',

                        success: function(f, action) {

                         if (action.result.success) {

                           window.hide();

                           Ext.Msg.alert('消息', action.result.msg, function() {

                                    grid.getStore().reload();

                                    form.getForm().reset();

                                });

                          }

                        },

                        failure: function() {

                            Ext.Msg.alert('错误', "添加失败");

                        }

                   });

                    }

                   

                }

            },{

                text: '重置',

                handler: function() {

                    form.getForm().reset();

                }

            }]

        });

        // form end

    var window = new Ext.Window({

    title:'编辑学生信息',

    closable:true,

    width:312,

    closeAction:'hide',

    modal:true,

    items:form

    });

     

        // layout start

        var viewport = new Ext.Viewport({

            layout: 'border',

            items: [grid]

        });

        // layout end

    });

     

     

     

     

     

     

     

     

    展开全文
  • 图表美化

    2020-02-07 16:48:41
    首先,设置出柱形图——选择图表的背景点击删除键——也可以一次删除图例,数据标签 下一步:选中柱子,单击右键——设置数据系列格式 此时可以选择图案填充 完成后,要突出表现一个柱子,双击这个柱子——改变...

    首先,设置出柱形图——选择图表的背景点击删除键——也可以一次删除图例,数据标签
    在这里插入图片描述
    下一步:选中柱子,单击右键——设置数据系列格式
    在这里插入图片描述
    此时可以选择图案填充
    在这里插入图片描述
    完成后,要突出表现一个柱子,双击这个柱子——改变颜色,格式等都可以
    在这里插入图片描述
    还可以设置数据标签,然后就可以设置这个标签的字体和背景
    在这里插入图片描述

    条形图

    设置字体,格局等
    可以将条带设置为自定义的形状:

    • 首先插入——形状——对该形状进行设置
    • 然后将它剪切下来
    • 在条带处单击右键,设置数据系列格式——填充——图片或纹理填充
      在这里插入图片描述
    • 然后选择剪切板,层叠
      在这里插入图片描述
    展开全文
  • select下拉框赋值1.使用JS实现新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建...如果你想学习如何使用Markdown编辑器, 可以
  • ChinaExcel Chart图表控件

    2010-07-02 12:09:14
    绘图区:可以选中一个系列数据点,设置每个系列数据的图案和背景色,数据标志,可以设置整个绘图区的图案和背景色,可以设置网格线格式。 分类轴和数值轴:包括设置图案、字体等。 输出:支持输出为指定大小的图片。...
  • 本节书摘来异步社区《Excel高手...第21招 Excel中如何一次选中多个图表或图形对象 Excel高手捷径:一招鲜,吃遍天下面讲解如何在表格中一次删除多个图形(不是全部图形),表格部分如图1-75所示。 如何同时删除多...
  • 绘图区:可以选中一个系列数据点,设置每个系列数据的图案和背景色,数据标志,可以设置整个绘图区的图案和背景色,可以设置网格线格式。 分类轴和数值轴:包括设置图案、字体等。 输出:支持输出为指定大小的图片。...
  • 可以使用UML图表进行渲染。 Mermaid . 例如下面产生的一个序列图:: 张三 李四 王五 你好!李四, 最近怎么样? 你最近怎么样,王五? 我很好,谢谢! 我很好,谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. ...
  • 文章目录一.Excel组成元素二.Excel图表类型与用途三.Excel可视化大全-应用1.饼状图2.折线图3.条形图4.对称图表比较两公司5.散点图6.气泡图7.雷达图8.组合图表9.各种对比10.其他对比-子弹图11.瀑布图12.漏斗图13.增维...
  • 在日常制作报表的时候,我们经常会对多个指标制作图表。...简单叠加,混合图表轻松做比如对于上述介绍两个图表,在Excel中通过图表的叠加就可以实现。首先准备原始数据,数据分为销量和增长率,然后全选数据,...
  • 1.7Excel--图表

    2020-12-27 15:09:51
    1. Excel组成元素 2. Excel图表类型与用途 3.应用-Excel可视化大全7 进入正题之前,先纠正一种误解。 有人觉得,基本图表太简单、太原始,不高端,不大气...方案:(1)生成图表选中—》插入—》二维饼图 ​ (2
  • Qt 图表UI QTreeWidget

    千次阅读 2020-03-01 09:51:24
    Qt 图表UI QTreeWidgetQTreeWidget和QTreeView区别,应该使用哪一个QTreeWidget常用样式表QTreeWidget常用属性QTreeWidget 设置表格可以编辑/选中/不可编辑等等 QTreeWidget和QTreeView区别,应该使用哪一个   Qt...
  • 右边栏可以对图标进行编辑,下边栏可以选择数据或者直接上传数据,同时可以选择传入到图表的列数据,点击左上角保存按钮后弹出保存提示框 选择私有(只有自己可见)或公开(对所有人可见)的形式保存-确定保存后跳转到...
  • 目标:建立如下所示的商业图表。 步骤: 1、建立辅助列 2、插入柱形堆积图 3、更改次坐标类型为...选中图表,右键“更改图表类型”,选择组合,勾选次坐标轴为折线图 四、调整次坐标刻度线 选中次坐标轴,右键“...
  • 近期隆重推出图表分析系列,包括销售分析、盈亏分析、费用分析、趋势分析、进度分析等,通过双坐标图、甘特图、瀑布图、双层饼图等系列图表精美展现,专业高效,让你从初级学到高级、从小白跨越专业。今天开启我们...
  • 文章目录1、图片填充的柱形图2、 1、图片填充的柱形图 ...4. 选择图表中的笑脸,修改属性“层叠并放缩”为10,表示一个笑脸表示数值10 5. 修改间距,删除不必要的东西,让图变得好看些 2、 ...
  • word中实现图表的自动编号功能

    万次阅读 2020-01-22 09:50:03
    工作中,经常需要对图表进行编辑和编号,有的时候会涉及图表的顺序调整、增加或删除,刚刚调整好的图表的编号就会被打乱,有的时候还会漏调,从而导致即使耗费了大量的时间,图表的序号依然会出现问题,有些得不尝失...
  • 5分钟就能做一个Excel动态图表,你确定不学学?
  • 一、删除图表 ①假设sheet1上面有个图表,要删除的话,代码如下: Sub demo() Sheets("Sheet1").ChartObjects(1).Delete End Sub ②如果是单独的一张Chart,要删除的话直接把Chart删除就可以啦: Sub demo() ...
  • Excel制作百分比信息图表--圆环图 伴随着清明小假期的结束,图表制作小课也将告一小段落啦,今天呢就给大家分享最后一篇关于百分比...步骤一:选中数据区域,插入图表 根据下图所示步骤,插入圆环图: 步骤二:删除...
  • Android图表年度最强总结,一篇文章从入门到精通!

    万次阅读 多人点赞 2020-03-13 14:35:28
    说到Android图表,不得不说一说MPAndroidChart这个强大的开源图表库,什么折线图、柱状图、饼图、气泡图、蜡烛图、混合图那是应有尽有!
  • 6. Excel 图表制作

    2019-08-22 06:31:22
    选中要生成图表的数据区域,点击插入---图标---簇状柱形图 点击图标,就会弹出对图标的设计选项。 点击添加图标元素----轴标题,添加坐标轴的标题等进行一系列的美化 2. 复合图表 将上面的数据表格变形 ...
  •  Excel图表可以将数据图形化,更直观的显示数据,使数据的比较或趋势变得一目了然,从而更容易表达我们的观点。  本课我们将通过“图表向导”创建最基本的图表。为了方便想一起进行下面操作的读者朋友,文章...
  • 加参考线的基本图表 在图中增加一条平均值线用于区分在平均值之上和之下的数据     制作步骤 通过添加多数据点和利用误差线两种方式实现 方法一:添加多数据点系列绘制平均值横线(2010): 1.计算所给数据的...
  • Ae:图表编辑器

    2021-03-26 00:30:36
    图表编辑器 Graph Editor提供了两种类型的图表,一种是用来显示属性值大小的值图表ValueGraph,一种是用来显示属性值变化速率的速度图表SpeedGraph。在图表编...
  • Steema公司和慧都科技针对中国市场联合推出中文版TeeChart for .NET图表控件,一经推出,就在市场上大受欢迎,如果有感兴趣的用户,可以下载试用版体验一下。 Teechart的安装 为叙述方便,以 Tee Chart Pro v7 Ful...
  • 图表事件 Hierarchy 图表事件 图表事件是比输入事件更抽象的事件. 它们是在图表类上触发的. 可以通过调用Diagram.addDiagramListener....图表属性引用图表, 您可以从中获得附加信息,例如Diagram.lastInput,反过来...
  • Excel动态图表应用

    2017-11-04 23:14:00
    之前的动态图表是依靠数据的变化来使图表变化。本实例依然应用上一次的动态图表数据,但要让图表自动变化。这里的重点是要采用“名称管理器”,用自定义名称配合窗口控件来展现动态图表。本例依然采用Excel2010beta...
  • 朋友写材料时,需要用到一些分析图表,嫌Excel的...基本功能:新建、打开、保存、另存、删除 支持一维图表、二位图表,目前只生成柱状图,其他图形没用到也就没加 界面示意: 图表配置: 生成图表: ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 11,598
精华内容 4,639
关键字:

删除图表可以选中