精华内容
下载资源
问答
  • Excel折线图面积图模板-折线图制作花型图表
  • 折线图制作

    2016-01-22 00:03:28
    //是否在折线图上添加边框 // no description text lineChart.setDescription( "" ); // 数据描述 // 如果没有数据的时候,会显示这个,类似listview的emtpyview lineChart.setNoDataTextDescription( ...
    package com.zhong.chart;
    
    
    import android.graphics.Color;
    import android.os.Bundle;
    import android.support.v7.app.AppCompatActivity;
    
    import com.github.mikephil.charting.charts.LineChart;
    import com.github.mikephil.charting.components.Legend;
    import com.github.mikephil.charting.data.Entry;
    import com.github.mikephil.charting.data.LineData;
    import com.github.mikephil.charting.data.LineDataSet;
    
    import java.util.ArrayList;
    import java.util.List;
    
    public class MainActivity extends AppCompatActivity {
    
        private LineChart mLineChart;
    //  private Typeface mTf;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            mLineChart = (LineChart) findViewById(R.id.spread_line_chart);
    
            LineData mLineData = getLineData(36, 100);
            showChart(mLineChart, mLineData, Color.rgb(114, 188, 223));
        }
    
        // 设置显示的样式
        private void showChart(LineChart lineChart, LineData lineData, int color) {
            lineChart.setDrawBorders(false);  //是否在折线图上添加边框
    
            // no description text
            lineChart.setDescription("");// 数据描述
            // 如果没有数据的时候,会显示这个,类似listview的emtpyview
            lineChart.setNoDataTextDescription("图片在加载中...");
    
            // enable / disable grid background
            lineChart.setDrawGridBackground(false); // 是否显示表格颜色
            lineChart.setGridBackgroundColor(Color.WHITE & 0x70FFFFFF); // 表格的的颜色,在这里是是给颜色设置一个透明度
    
            // enable touch gestures
            lineChart.setTouchEnabled(true); // 设置是否可以触摸
    
            // enable scaling and dragging
            lineChart.setDragEnabled(true);// 是否可以拖拽
            lineChart.setScaleEnabled(true);// 是否可以缩放
    
            // if disabled, scaling can be done on x- and y-axis separately
            lineChart.setPinchZoom(false);//
    
            lineChart.setBackgroundColor(color);// 设置背景
    
            // add data
            lineChart.setData(lineData); // 设置数据
    
            // get the legend (only possible after setting data)
            Legend mLegend = lineChart.getLegend(); // 设置比例图标示,就是那个一组y的value的
    
            // modify the legend ...
            // mLegend.setPosition(LegendPosition.LEFT_OF_CHART);
            mLegend.setForm(Legend.LegendForm.CIRCLE);// 样式
            mLegend.setFormSize(6f);// 字体
            mLegend.setTextColor(Color.WHITE);// 颜色
    //      mLegend.setTypeface(mTf);// 字体
    
            lineChart.animateX(2500); // 立即执行的动画,x轴
        }
    
        /**
         * 生成一个数据
         * @param count 表示图表中有多少个坐标点
         * @param range 用来生成range以内的随机数
         * @return
         */
        private LineData getLineData(int count, float range) {
            ArrayList<String> xValues = new ArrayList<String>();
            for (int i = 0; i < count; i++) {
                // x轴显示的数据,这里默认使用数字下标显示
                xValues.add("" + i+"月");
            }
    
            // y轴的数据
            ArrayList<Entry> yValues = new ArrayList<Entry>();
            for (int i = 0; i < count; i++) {
                float value = (float) (Math.random() * range) + 3;
                yValues.add(new Entry(value, i));
            }
    
            // create a dataset and give it a type
            // y轴的数据集合
            LineDataSet lineDataSet = new LineDataSet(yValues, "测试折线图" /*显示在比例图上*/);
            // mLineDataSet.setFillAlpha(110);
            // mLineDataSet.setFillColor(Color.RED);
    
            //用y轴的集合来设置参数
            lineDataSet.setLineWidth(1.75f); // 线宽
            lineDataSet.setCircleSize(3f);// 显示的圆形大小
            lineDataSet.setColor(Color.WHITE);// 显示颜色
            lineDataSet.setCircleColor(Color.WHITE);// 圆形的颜色
            lineDataSet.setHighLightColor(Color.WHITE); // 高亮的线的颜色
    
            List<LineDataSet> lineDataSets = new ArrayList<LineDataSet>();
            lineDataSets.add(lineDataSet); // add the datasets
    
           // LineData lineData = new LineData(xValues, lineDataSets);
            LineData lineData = new LineData(xValues);
    
            return lineData;
        }
    }

    效果如下图
    这里写图片描述

    展开全文
  • (一)多度量折线图制作 起初只是把所有的度量都拖到了‘行’,出现6个折线图,使用双轴也无法把所有的折线图都显示到同一个轴里。问题如下: 经过小数点社区小伙伴的指导,通过拖拽即可实现。 【拖拽住想要...

    (一)多度量折线图制作

    起初只是把所有的度量都拖到了‘行’,出现6个折线图,使用双轴也无法把所有的折线图都显示到同一个轴里。问题如下:

    经过小数点社区小伙伴的指导,通过拖拽即可实现。

    【拖拽住想要展示的度量到纵坐标轴位置,出现绿色方块时松手,即可将所有需要的度量都显示在同一个以时间为横轴的坐标轴中】

    最终结果如下所示:

     

    (二)时间轴制作:

    在列中拖拽两次时间,一个用‘线’显示,一个用‘’显示,再双轴显示,做一系列格式调整即可。最终显示结果如下:

    数据来源:1980~2020年意大利经济景气指数(POINT. 社区)

    展开全文
  • EXCEL教程之- 折线图制作技巧,不下后悔
  • 关于ios的折线图制作

    2014-12-16 15:06:41
    ios折线图完美制作。满足各种数据需求。内含详细注释,代码清晰。方便用户自己修改。
  • Unity3D开发之折线图制作

    万次阅读 热门讨论 2017-05-25 15:56:22
    柱状图、折线图这个在数据可视化中会经常用到,可是unity自身并不带创建折线图功能。所以,需要我们自己去写。第一次遇到这个需求是在我刚参加工作时,当时实在没法子,只好选择做了柱状图,那时候柱状图还是用实例...

        因为之前有人问我有没有源码,看这篇博客没看懂。所以最近博主又把这个实现的代码精简了下放到这里。有兴趣的可以来看下。点击打开链接 。

        柱状图、折线图这个在数据可视化中会经常用到,可是unity自身并不带创建折线图功能。所以,需要我们自己去写。第一次遇到这个需求是在我刚参加工作时,当时实在没法子,只好选择做了柱状图,那时候柱状图还是用实例化Image然后设置他的高度来显示。想想300,400个数据同时实例化,当时的设备得卡成啥样。还好,现在我找到了一个更好更省性能的方法。如果你想在我这复制代码去完成你的需求那你没必要往下看了,你只有了解整个过程原理才可以灵活运用转接到你的项目里。

    先放一张效果图吸睛。嘿嘿。。

    因为之前写的早也比较仓促,没那么细,所以趁最近不是很忙打算给翻新细化下。
    unity的Image,Text等他们均继承自MaskableGraphic(ui的东西最好继承自他,在做mask遮罩时是会被支持的),所以我们写的这个类也是继承自MaskableGraphic,如:
    public class Chart : MaskableGraphic
    {}


    其提供的函数OnPopulateMesh(VertexHelper vh)负责渲染出来的功能。要做折线图需要一个一个长方形来组成拼接。一个长方形由四个顶点组成,下面贴上渲染一个长方形的代码:
    protected override void OnPopulateMesh(VertexHelper vh)
        {
             UIVertex[] verts = new UIVertex[4];
                    verts[0].position = new Vector3(0, 0);
                    verts[0].color = Color.yellow;
                    verts[0].uv0 = Vector2.zero;
    
    
                    verts[1].position = new Vector3(0,10);
                    verts[1].color = Color.yellow;
                    verts[1].uv0 = Vector2.zero;
    
    
                    verts[2].position = new Vector3(20 ,20);
                    verts[2].color = Color.yellow;
                    verts[2].uv0 = Vector2.zero;
    
    
                    verts[3].position = new Vector3(20 , 0);
                    verts[3].color = Color.yellow;
                    verts[3].uv0 = Vector2.zero;
    
    
                    vh.AddUIVertexQuad(verts);
        }
    
     vh.AddUIVertexQuad(verts);是将长方形的四个顶点添加到渲染数组中供unity渲染,以上就是unity提供的渲染一个自定义大小矩形的核心代码。下面就说下我们实现自己的需求方法。
    首先,我们需要在场景中创建一个canvas,在canvas下创建一个空物体,一会用于挂载我们自写的脚本来显示自绘图形。我们设置这个物体的大小如下图:
    由于我们以左下角为原点,所以我们要设置物体的pivot为(0,0),还要设置锚点为左下角,即Anchors的min(0,0) max(0,0)。接下来我们就要开始我们的绘制工作了。假入我们要绘制的温度曲线,前两个数据值是38,25(随机的两个数),如下图:两个黑点的位置,我们可以绘制顶点为1234的平行四边形。在倾斜的平行四边形上这个平行四边形会出现头宽尾窄的不协调现象,并且在斜率不同时,线的粗细程度也有很大不同。这个在整体效果上非常差。于是,我们必须得设置线的宽度以保证整体视觉的协调性。这个计算公式很简单,先求出线的斜率k=(pos1.y-pos0.y)/(pos1.x-pos0.x);你可以在图纸上画图看下会更直观些。假如第一个点坐标为(x0,y0),设置线的宽度为m,k=0时,则长方形的第一个点为(x0,y0-m/2),第二个点为(x0,y0+m/2),但是通常情况下k并不等于0,所以根据勾股定理我们可以求出h²=k²+(m/2)²,即第一个点可设置为(x0,y0-h/2),第二个点为(x0,y0+h/2)。(以上是我经过几次测试觉得会让曲线更匀称漂亮的一种方案)好了,我们的自定义折线图已经完成了,由于折线图是在一次性绘制出来,所以非常的节省性能。真心底层接口对于性能的优化会有一个很大的提升。


    现在我们已经可以绘制出我们自己想要的折线图,唯一的缺陷就是锯齿会有些大,这个还没有办法解决(如果有知道能提升画质的记得在下面评论啊)。今天策划那面又提出了新的需求,就是鼠标悬浮到数据上会显示对应的值。大家知道unity自带的UI组件不支持这些功能,所以我们就需要研究下UGUI放出来的源码进行自定义更改。
    首先,我们需要在折线图上绘制出每个数据点,为了让更清晰可见,我们选择绘制白色的正方形。假设第一个数据点为38,我们测试矩形边长为3时大小合适,则代码如下:
    UIVertex[] verts = new UIVertex[4];
            verts[0].position = new Vector3(10-1.5f,38-1.5f);
            verts[0].color = Color.white;
            verts[0].uv0 = Vector2.zero;
            verts[1].position = new Vector3(10-1.5f, 38+1.5f);
            verts[1].color = Color.white;
            verts[1].uv0 = Vector2.zero;
            verts[2].position = new Vector3(10+1.5f, 38+1.5f);
            verts[2].color = Color.white;
            verts[2].uv0 = Vector2.zero;
            verts[3].position = new Vector3(10+1.5f, 38-1.5f);
            verts[3].color = Color.white;
            verts[3].uv0 = Vector2.zero;
            vh.AddUIVertexQuad(verts);
    
    这个是最基本的矩形绘制代码,很简单。接下来就是核心的自定义鼠标悬浮响应区域。在网上搜索一些相关知识以及看了UGUI 的Image代码后,我们可以确定,鼠标悬浮响应区域的设定和IsRaycastLocationValid(Vector2 screenPoint, Camera eventCamera)这个函数有关,而这个函数是继承自ICanvasRaycastFilter接口。所以我们就在自己写的函数内加一个继承的接口,然后实现他的方法。我就试着使用Image提供的一些方法测试,很幸运我成功了。代码如下:
    public bool IsRaycastLocationValid(UnityEngine.Vector2 sp, UnityEngine.Camera eventCamera)
        {
            Vector2 local;
            //求出屏幕坐标在canvas下的2D坐标
            RectTransformUtility.ScreenPointToLocalPointInRectangle(rectTransform, sp, eventCamera, out local);
    
            Rect rect = GetPixelAdjustedRect();
    
            // Convert to have lower left corner as reference point.
            local.x += rectTransform.pivot.x * rect.width; //算出屏幕坐标在UI元素内的坐标
            local.y += rectTransform.pivot.y * rect.height;
    
            //这里的数字是根据每个点来确定的,也就是以这个点为中心的自定义边长的正方形四个顶点。
            if (local.x > 10 && local.x < 30 && local.y > 20 && local.y < 30)
                return true;
            else
                return false;
        }
    在我们调用这个函数时,第一个参数就是Input.mousePosition,第二个参数为Camera cam = (canvas.renderMode == RenderMode.ScreenSpaceOverlay) ? null : canvas.worldCamera;。在Update函数里我们调用这个函数进行检测:
    private void Update()
          {
            bool lal= IsRaycastLocationValid(Input.mousePosition, null);
            //print(lal);
          }
    
    如果返回true,我们就把提前设定好的Text给setactive true,并赋给相应的值。接下来的处理就很简单可以按照自己的想法来实现。我这个方法虽然可以实现现在的需求,但是有个很大的缺点,就是在数据有几百个的时候,每次都要计算鼠标是否在这几百个点的位置范围内,计算量很大。所以,接下来打算做点的选取设置。在被遮罩遮挡的区域点不被纳入对比计算范围。只将显示出来的数据纳入对比计算范围内。
    最后的效果图。









    展开全文
  • 效果很好的2D饼图、2D柱状图、3D饼图、3D柱状图、3维2D折线图、3维2D柱状图、3维3D柱状图制作源码,操作简单,只要将js文件拷到项目中即可,适用于很多图形报表开发。
  • [size=x-large]JFreeChart在struts2中实现柱状 [/size] BarChart.java: [code="java"]public class BarChart extends ActionSupport { private static final long serialVersionUID = 1L; ...
    [size=x-large]JFreeChart在struts2中实现柱状图  [/size]

    BarChart.java:

    public class BarChart  extends ActionSupport {

    private static final long serialVersionUID = 1L;

    private JFreeChart chart;



    public JFreeChart getChart(){



    double[][] data = new double[][]

    {

    { 672, 766, 223, 540, 126 },

    { 222, 540, 456, 678, 345 },

    { 512, 412, 621, 426, 532 },

    };



    String[] rowKeys = { "苹果","香蕉","梨子"};



    String[] columnKeys = { "北京", "上海", "广州", "成都", "深圳" };

    CategoryDataset dataset = DatasetUtilities.createCategoryDataset(rowKeys, columnKeys, data);



    JFreeChart chart = ChartFactory.createBarChart3D("柱状图", "x轴", "y轴", dataset, PlotOrientation.VERTICAL, true, true, false);

    //重新设置图标标题,改变字体

    chart.setTitle(new TextTitle("柱状图", new Font("黑体", Font.ITALIC , 22)));

    CategoryPlot plot = (CategoryPlot)chart.getPlot();

    //取得横轴

    CategoryAxis categoryAxis = plot.getDomainAxis();

    //设置横轴显示标签的字体

    categoryAxis.setLabelFont(new Font("宋体" , Font.BOLD , 18));

    //分类标签以45度角倾斜

    categoryAxis.setCategoryLabelPositions(CategoryLabelPositions.UP_45);

    categoryAxis.setTickLabelFont(new Font("宋体" , Font.ITALIC , 15));

    CategoryAxis domainAxis = plot.getDomainAxis();

    //设置距离图片左端距离

    domainAxis.setLowerMargin(0.1);

    //设置距离图片右端距离

    domainAxis.setUpperMargin(0.1);



    BarRenderer3D renderer = new BarRenderer3D();

    renderer.setItemMargin(0.1);//组内柱子间隔为组宽的10%

    plot.setRenderer(renderer);//使用我们设计的效果

    CategoryItemRenderer render =plot.getRenderer();

    render.setBaseItemLabelGenerator(new StandardCategoryItemLabelGenerator());

    render.setBaseItemLabelsVisible(true);



    //取得纵轴

    NumberAxis numberAxis = (NumberAxis)plot.getRangeAxis();

    //设置纵轴显示标签的字体

    numberAxis.setLabelFont(new Font("宋体" , Font.BOLD , 18));

    Font font00 = new Font("宋体",Font.BOLD,18);

    LegendTitle legend = chart.getLegend();

    legend.setItemFont(font00);//设置注释字体



    return chart;

    }



    }

    chart-struts.xml:

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

    <!DOCTYPE struts PUBLIC

    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"

    "http://struts.apache.org/dtds/struts-2.0.dtd">

    <struts>

    <package name="jCuckoo" namespace="/jCuckoo"

    extends="jfreechart-default">



    <action name="barChart" class="jCuckoo.BarChart">

    <result type="chart">

    <param name="width">600</param>

    <param name="height">450</param>

    </result>

    </action>



    </package>

    </struts>




    在struts.xml中加入:

    <include file="/jCuckoo/chart-struts.xml"></include>

    现在就可以通过http://localhost:8080/项目名/jCuckoo/barChart.action进行访问了。
    为了对柱状图更好的操作,可以通过jsp进行访问,在index.jsp中加入:

    <img src="<%=path %>/jCuckoo/barChart.action">

    通过访问http://localhost:8080/项目名/index.jsp就可以看到柱状图了。


    [size=x-large]JFreeChart在struts2中实现饼状图[/size]
    使用的是JFreeChart在struts2中的插件

    1.将jfreechart的jar包放到项目中的lib文件夹下,servlet.jar和gnujaxp.jar不必放,第一个没有什么用处,因为tomcat中已有,第二个如果放进去了发布的时候可能会出现xml解析之类的错误,原因是由于你的SSH项目中可能已经有解析xml的jar文件了,产生冲突,这时首先:右击项目-->从configure build path中将其移除,再从lib下删除重新发布即可。

    2.struts2与jfreechart的整合还需要struts2-jfreechart-plugin-2.1.8.jar,尽量下新版本的,这样查看其中的struts-plugin.xml,有extends="struts-default"。

    3.假如出现找不到xwork下的LoggerFactory的异常,去下载一个高版本的xwork的jar文件就OK了。

    好了,可以在struts2中制作图形报表了。

    PieChartAction.java:

    public class PieChartAction extends ActionSupport {

    private static final long serialVersionUID = 5752180822913527064L;
    private JFreeChart chart;

    public String execute(){

    //生成JFreeChart对象
    chart = ChartFactory.createPieChart3D(
    "饼状图", // 图表标题
    getDataSet(), //数据
    true, // 是否显示图例
    false, //是否显示工具提示
    false //是否生成URL
    );
    //重新设置图标标题,改变字体
    chart.setTitle(new TextTitle("饼状图", new Font("黑体", Font.ITALIC , 22)));

    //取得统计图标的第一个图例
    LegendTitle legend = chart.getLegend(0);
    //修改图例的字体
    legend.setItemFont(new Font("宋体", Font.BOLD, 14));
    //获得饼图的Plot对象
    PiePlot plot = (PiePlot)chart.getPlot();
    //设置饼图各部分的标签字体
    plot.setLabelFont(new Font("隶书", Font.BOLD, 10));
    //设定背景透明度(0-1.0之间)
    plot.setBackgroundAlpha(0.9f);
    //设定前景透明度(0-1.0之间)
    plot.setForegroundAlpha(0.50f);

    // 图片中显示百分比:自定义方式,{0} 表示选项, {1} 表示数值, {2} 表示所占比例 ,小数点后两位
    plot.setLabelGenerator(new StandardPieSectionLabelGenerator("{0}:{1}({2})", NumberFormat.getNumberInstance(),
    new DecimalFormat("0.00%")));
    // 图例显示百分比:自定义方式, {0} 表示选项, {1} 表示数值, {2} 表示所占比例

    plot.setLegendLabelGenerator(new StandardPieSectionLabelGenerator("{0}"));

    return SUCCESS;

    }

    public DefaultPieDataset getDataSet(){
    DefaultPieDataset data = new DefaultPieDataset();
    data.setValue("Java", new Double(43.2));
    data.setValue("Visual Basic", new Double(1.0));
    data.setValue("C/C++", new Double(17.5));
    data.setValue("tangjun书", new Double(60.0));
    return data;
    }

    public JFreeChart getChart() {
    return chart;
    }


    }

    当然了,可以直接将execute方法去掉,其中的代码挪到getChart中,功能相同,访问时不用指定方法名。



    chart-struts.xml:

    <?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
    "http://struts.apache.org/dtds/struts-2.0.dtd">


    <struts>
    <package name="jCuckoo" namespace="/jCuckoo"
    extends="jfreechart-default">

    <action name="pieChartAction" class="jCuckoo.lee.PieChartAction">
    <result type="chart">
    <param name="width">600</param>
    <param name="height">450</param>
    </result>
    </action>


    </package>
    </struts>




    struts.xml中加入:

    <include file="/jCuckoo/chart-struts.xml"></include>



    好了,现在就可以通过http://localhost:8080/项目名/jCuckoo/pieChartAction.action进行访问了

    如果想对生成的图进行更多的操作,可以通过jsp页面进行访问,new一个index.jsp

    加入:<img src="<%=path %>/jCuckoo/pieChartAction.action">

    然后就可以通过访问index页面看到饼状图了。
    [size=x-large]
    JFreeChart在struts2中实现折线图 [/size]
    LineChart.java:

    public class LineChart extends ActionSupport{

    private static final long serialVersionUID = 1L;

    JFreeChart chart;

    public JFreeChart getChart() {

    double[][] data = new double[][]

    {

    { 672, 766, 223, 540, 126 },

    { 222, 540, 456, 678, 345 },

    { 512, 412, 621, 426, 532 },

    };



    String[] rowKeys = { "苹果","香蕉","梨子"};



    String[] columnKeys = { "北京", "上海", "广州", "成都", "深圳" };

    CategoryDataset dataset = getBarData(data, rowKeys, columnKeys);

    createTimeXYChar("折线图", "x轴", "y轴", dataset, "");

    return chart;

    }





    public CategoryDataset getBarData(double[][] data, String[] rowKeys,

    String[] columnKeys)

    {

    return DatasetUtilities.createCategoryDataset(rowKeys, columnKeys, data);

    }



    public void createTimeXYChar(String chartTitle, String x, String y,

    CategoryDataset xyDataset, String charName) {

    chart = ChartFactory.createLineChart(chartTitle, x, y,

    xyDataset, PlotOrientation.VERTICAL, true, true, false);

    Font font00 = new Font("宋体",Font.BOLD,18);

    LegendTitle legend = chart.getLegend();

    legend.setItemFont(font00);//设置注释字体

    chart.setTextAntiAlias(false);

    // 设置图标题的字体重新设置title

    Font font = new Font("隶书", Font.BOLD, 25);

    TextTitle title = new TextTitle(chartTitle);

    title.setFont(font);

    chart.setTitle(title);

    CategoryPlot categoryplot = (CategoryPlot) chart.getPlot();

    // x轴分类轴网格是否可见

    categoryplot.setDomainGridlinesVisible(true);

    // y轴数据轴网格是否可见

    categoryplot.setRangeGridlinesVisible(true);

    categoryplot.setRangeGridlinePaint(Color.pink);// 虚线色彩

    categoryplot.setDomainGridlinePaint(Color.pink);// 虚线色彩

    categoryplot.setBackgroundPaint(Color.white);

    // 设置轴和面板之间的距离

    categoryplot.setAxisOffset(new RectangleInsets(0D, 0D, 0D, 0D));

    CategoryAxis domainAxis = categoryplot.getDomainAxis();

    domainAxis.setLabelFont(new Font("宋体" , Font.BOLD , 18));// 轴标题

    domainAxis.setTickLabelFont(new Font("宋体" , Font.ITALIC , 15));// 轴数值

    domainAxis.setCategoryLabelPositions(CategoryLabelPositions.UP_45); // 横轴上的

    // 设置距离图片左端距离

    domainAxis.setLowerMargin(0.1);

    // 设置距离图片右端距离

    domainAxis.setUpperMargin(0.1);

    NumberAxis numberaxis = (NumberAxis) categoryplot.getRangeAxis();

    numberaxis.setStandardTickUnits(NumberAxis.createIntegerTickUnits());

    numberaxis.setAutoRangeIncludesZero(true);

    numberaxis.setLabelFont(new Font("宋体" , Font.BOLD , 18));

    //设置最高的一个值与图片顶端的距离

    numberaxis.setUpperMargin(0.15);

    //设置最低的一个值与图片底端的距离

    //numberaxis.setLowerMargin(0.15);

    // 获得renderer

    LineAndShapeRenderer lineandshaperenderer = (LineAndShapeRenderer) categoryplot.getRenderer();

    lineandshaperenderer.setBaseShapesVisible(true); // series 点(即数据点)可见

    lineandshaperenderer.setBaseLinesVisible(true); // series 点(即数据点)间有连线可见

    // 显示折点数据

    lineandshaperenderer.setBaseItemLabelGenerator(new StandardCategoryItemLabelGenerator());

    lineandshaperenderer.setBaseItemLabelsVisible(true);



    }

    }

    chart-struts.xml:

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

    <!DOCTYPE struts PUBLIC

    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"

    "http://struts.apache.org/dtds/struts-2.0.dtd">

    <struts>

    <package name="jCuckoo" namespace="/jCuckoo"

    extends="jfreechart-default">



    <action name="lineChart" class="jCuckoo.app.LineChart">

    <result type="chart">

    <param name="width">600</param>

    <param name="height">450</param>

    </result>

    </action>

    </package>

    </struts>


    struts.xml中加入:

    <include file="/jCuckoo/chart-struts.xml"></include>

    好了,现在可以通过http://localhost:8080/项目名/jCuckoo/lineChart.action进行访问了

    为了对折线图进行操作,可以通过jsp访问,在index.jsp中加入:

    <img src="<%=path %>/jCuckoo/lineChart.action">

    通过访问http://localhost:8080/项目名/index.jsp就可以看到折线图了。
    展开全文
  • 至于怎么挂载脚本怎么能够运行请参考折线图制作(二)的文章。 之前写的折线图一直被锯齿烦恼着,一直无法使用。一开始一直以为要自己写边际模糊算法来模糊编辑的锯齿部分,这可太难了。后来我的美术搭档告诉我可以...
  • echarts制作折线图

    2016-04-13 17:59:22
    本资源是本人由于兴趣,弄出来的一个简单的小玩意,是一个折线图,可以在index,中随意修改参数,开改变折线图的效果。
  • ExtJS制作折线图

    2014-06-15 23:40:41
    ExtJS 折线图 lineChart,前台的内容由后台传入,可支持任意多条折线图
  • Excel折线图面积图模板-散点制作的步进图
  • excel制作折线图

    千次阅读 2019-12-24 12:38:20
    excel制作折线图 标题第一步:新建excel—>添加数据 第二步:插入—>折线图—>选择自己要用的一个---->弹出空白区域 第三步:右击表格—>选择数据—>选中要制作的数据 标题第四步:选中要编辑...
  • 折线图是以折线的上升或下降来表示统计数量的增减变化的统计图,叫作折线统计图。用折线的起伏表示数据的增减变化情况,不仅可以表示数量的多少,而且可以反映数据的增减变化情况。并且折线图也是目前最方便的一种...
  • WPF制作折线图

    千次阅读 2018-04-25 15:44:23
    最近发现WPF的高级进阶版原来是制作图表和动画。遂制作两个图表进行尝试。1、折线图https://www.cnblogs.com/endlesscoding/p/6670432.html2、
  • html5绘制折线图详细代码(function (){window.addEventListener("load", function(){var data = [100,-1000,0,700];// 获取上下文var a_canvas = document.getElementById('a_canvas');var context = a_canvas....
  • java制作jfreechart柱状图 饼状图 折线图 随机数字做的数据源 下载导入即可运行 内含jar包
  • 用excel制作折线图

    千次阅读 2019-05-29 20:46:31
    可以用excel简单做一个折线图。 比如存在以下数据: 1、选择插入 — 图表 2、选择折线图,并选择适合的折线风格 3、选好后呈现的折线图 4、可以根据需求添加轴标题和数据标签 5、经过简单的修改,...
  • 利用matplotlib制作折线图 导入库/包: import numpy as np from matplotlib import pyplot as plt 代码块: x = range(1,8) #x轴的位置 y = [17,17,18,15,11,11,13] #传入x和y,通过plot画折线图 # plt.plot(x,y) ...
  • vs2010 开发简单示例 包括饼图、柱形图、和折线图
  • FusionChartsFree,饼状图,折线图制作.例子,内涵详细文档*.doc、*.pdf
  • 多Y轴折线图

    2014-07-31 13:53:17
    jsp 页面的多Y轴折线图制作案例附有实例及效果图片
  • Excel柱状图折线图组合怎么做 Excel百分比趋势图制作教程 用excel作图时候经常会碰到做柱状图和折线图组合,这样的图一般难在折线图的数据很小,是百分比趋势图,所以经常相对前面主数据太小了,在图里看不到,所以...
  • HTML制作折线图

    千次阅读 2019-11-29 16:18:24
    方法一:自己敲代码 折线图代码: //echarts文件 //折线图背景(如果两个折线图放一起的话,两个div名称要不一样 ) (代码一点错都不能有,少写一个逗号都会显示不出来,一定注意分号、逗号、引号、中括号) 效果图...
  • 注意事项: 只能画竖着的柱状,即纵轴是数值; 数值只能是整数; 注意最后是否多了回车; 其余的符合制图规则即可。 软件作者——未知
  • http://echarts.baidu.com/echarts2/doc/example.html
  • C# 制作柱形对比图,折线图, 扇形图,网上找的资料整理了一下,希望对大家有用。
  • JFreeChart制作折线图

    2018-08-16 15:39:50
    * 创建JFreeChart Line Chart(折线图) */ public static void main(String[] args) { // 步骤1:创建CategoryDataset对象(准备数据) CategoryDataset dataset = createDataset(); // 步骤2:根据...
  • WPF动态折线图

    2019-06-25 16:04:00
    此项目源码下载地址:... 效果图如下: 此项目把折线图制作成了一个控件,在主界面设置好参数直接调用即可,下面是主程序片段 public MainWindow() { InitializeComponent(); ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,197
精华内容 478
关键字:

折线图制作