• AchartEngine使用


    ACE绘制的图形,坐标轴上的刻度值,要么显示为数字,要么显示为时间:

    那么能不能在坐标轴上显示自己的内容,比如文字呢?

    这需要使用 XYMultipleSeriesRenderer的addTextLabel(int,String)方法。

    该方法接收一个int参数,用于指定要显示文字的X轴坐标,比如在X轴坐标1的位置显示“昆明”,则addTextLabel(1,”昆明”);

    当然,原来tick数字1仍然会显示,这样数字“1” 和文字标签“昆明”会重叠再一起,因此,我们还需要用setXLabels(0) 把数字标签屏蔽掉。

    具体代码如下面所示:

    // 设置系列renderer

        publicXYMultipleSeriesRenderer getRenderer() {

        // 构造一个多系列render(多个renderer的集合)

            XYMultipleSeriesRendererrenderer = new XYMultipleSeriesRenderer();

            renderer.setAxisTitleTextSize(16); // 坐标轴标题字体大小:16

           renderer.setChartTitleTextSize(20); // 图表标题字体大小:20

           renderer.setLabelsTextSize(15); // 轴标签字体大小:15

           renderer.setLegendTextSize(15); // 图例字体大小:15

            renderer.setShowGrid(false); // 设置网格显示

            renderer.setXAxisMin(xMin); // 设置X轴起点

           renderer.setAxesColor(Color.WHITE); // 设置XY轴颜色

           renderer.setLabelsColor(Color.GRAY);// 设置轴标签颜色

            renderer.setXAxisMax(xMax); // 设置X轴最大点

            renderer.setYAxisMin(yMin); // 设置Y轴起点

    //       renderer.setYAxisMax(yMax);

            renderer.setMargins(new int[] {20, 30, 15,0}); // 图形4边距

           renderer.setDisplayChartValues(true); // 在柱子顶端显示数值

           renderer.setXLabelsAngle(-25); // 设置X轴标签倾斜角度(clockwise degree)

            renderer.setXLabels(0); // 设置X轴不显示数字(改用我们手动添加的文字标签)

            int i=0;

            for(Map<String,Object>map:maps){

            i++;

            String name=map.get("rowname").toString();

            renderer.addTextLabel(i, name);

            }

            // 构造其中一个系列的render

            SimpleSeriesRenderer r= new SimpleSeriesRenderer();

            r.setColor(Color.YELLOW);

           renderer.addSeriesRenderer(r);

            return renderer;

          }

    运行效果如下:

     现在x轴坐标上的数字标签被我们替换为一系列云南省地名.

    设置背景:

    外部用render的setMarginsColor方法

    内部用render的setBackgroundColor方法(需要先设置render.setApplyBackgroundColor(ture))

  • 相关阅读:
    vuex详解
    es6 数组方法的扩展
    es6class语法和继承
    变量的解构赋值
    es6变量let
    前端模块化
    webpack基础
    react中的redux(入门)
    react-router-dom中的BrowserRouter和HashRouter和link与Navlink
    react-router-dom
  • 原文地址:https://www.cnblogs.com/cc-Cheng/p/3412550.html
Copyright © 2020-2023  润新知