LineChart使用

基本概念理解


图表中各元素跟LineChart中对象的对应关系:
图表:LineChart
图例:Legend
描述:Description
数据轴:
    X轴:XAxis
    Y轴(左侧、右侧):YAxis
    数据轴标签
    刻线(X轴刻线、Y轴刻线)
数据:LineData
    数据集:LineDataSet
    高亮线
数据标记:MarkerView

静态结构


    LineChart对象中存储了图例、描述、数据轴、数据等绘制图表所需的数据,并在内部创建对象的renderer对象。在onDraw方法中,分别调用各种renderer对象进行图表中各元素的绘制。

常用属性设置

图表:LineChart

        lineChart.setDrawBorders(true); //显示图表边框
        // lineChart.setBorderColor(Color.BLACK); //设置 chart 边框线的颜色。
        // lineChart.setBorderWidth(2); //设置 chart 边界线的宽度,单位 dp。
        lineChart.setExtraOffsets(0, 0, 0, 10);//设置图表距离上下左右的距离
        lineChart.zoom(1f, 1f, 0, 0);//显示的时候是按照多大的比率缩放显示,1f表示不放大缩小
        lineChart.setScaleMinima(1f, 1f);
        lineChart.setVisibleXRangeMaximum(30);
        lineChart.setDrawGridBackground(false);//chart 绘图区后面的背景矩形将绘制
        // 图表交互
        lineChart.setTouchEnabled(true); // 设置是否可以触摸
        lineChart.setScaleEnabled(false); // 是否可以缩放 x和y轴, 默认为true
        // lineChart.setScaleXEnabled(true); //是否可以缩放 仅x轴
        // lineChart.setScaleYEnabled(true); //是否可以缩放 仅y轴
        // lineChart.setPinchZoom(true);  // 是否支持x、y轴同时缩放,默认为false
        // lineChart.setDoubleTapToZoomEnabled(true); // 设置是否可以通过双击屏幕放大图表。默认为true
        lineChart.setDragEnabled(true); // 是否可以拖拽
        lineChart.setHighlightPerDragEnabled(true); // 能否拖拽高亮线(数据点与坐标的提示线),默认为true
        lineChart.setDragDecelerationEnabled(true); // 拖拽滚动时,手放开是否会持续滚动,默认为true(false:拖到哪是哪,true:停止拖拽之后还会有缓冲)
        lineChart.setDragDecelerationFrictionCoef(0.99f); // 与上面那个属性配合,持续滚动时的速度快慢,[0,1) 0代表立即停止。
        lineChart.setNoDataText("没有数据嗷"); //没有数据时显示的文字
        lineChart.setNoDataTextColor(Color.BLUE);//没有数据时显示文字的颜色
        lineChart.setLogEnabled(true);//打印日志
//        lineChart.animateXY(1000,1000); // 两个轴动画,从左到右,从下到上

图例:Legend

        legend.setForm(Legend.LegendForm.LINE); // 设置form的形状,正方形、圆形、线性
        legend.setFormSize(10f); // 设置Form的大小
        legend.setFormLineWidth(10f); // 设置form的宽度
        legend.setTextSize(16f); // 设置文字大小
        legend.setVerticalAlignment(Legend.LegendVerticalAlignment.BOTTOM);//显示位置
        legend.setHorizontalAlignment(Legend.LegendHorizontalAlignment.LEFT);
        legend.setOrientation(Legend.LegendOrientation.HORIZONTAL);
        legend.setDrawInside(false);
        legend.setWordWrapEnabled(true);//是否支持自动换行

数据集:LineDataSet

        lineDataSet.setLineWidth(1.5f); //设置线的宽度
        lineDataSet.setValueTextSize(9f);//设置显示值的文字大小
        lineDataSet.setColor(color); //设置线的颜色
        lineDataSet.setCircleRadius(1.5f); //设置焦点圆心的大小
        lineDataSet.setCircleColor(color); // 设置焦点圆心的颜色
        lineDataSet.setMode(LineDataSet.Mode.HORIZONTAL_BEZIER);
        lineDataSet.setAxisDependency(YAxis.AxisDependency.LEFT);
        // 设置点击交叉线
        lineDataSet.setHighlightEnabled(true);//是否禁用点击高亮线
        lineDataSet.setHighLightColor(Color.RED);//设置点击交点后显示交高亮线的颜色
        lineDataSet.enableDashedHighlightLine(10f, 5f, 0f);//点击后的高亮线的显示样式
        lineDataSet.setHighlightLineWidth(1f);//设置点击交点后显示高亮线宽
        // 设置曲线下面的填充色
        lineDataSet.setDrawFilled(false);
        // lineDataSet.setFillAlpha(0);
        // lineDataSet.setFillColor(color);

数据轴

        // 设置左侧坐标轴
        xAxis.setEnabled(true);//设置轴启用或禁用 如果禁用以下的设置全部不生效
        xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);//设置x轴的显示位置
        // 设置轴线属性
        xAxis.setDrawAxisLine(true);//是否绘制轴线
        // xAxis.setAxisLineColor(Color.GREEN);//设置x轴线颜色
        // xAxis.setAxisLineWidth(5f);//设置x轴线宽度
        // 设置标签属性
        xAxis.setDrawLabels(true);//是否绘制轴线上的标签
        xAxis.setTextSize(16);// 设置轴标签字体大小
        // xAxis.setTextColor(Color.BLUE);//设置轴标签的字体颜色
        xAxis.setLabelCount(dataXList.size()); // 设置x轴显示标签数量
        // xAxis.setAxisMinimum(0f);//设置x轴的最小值
        // xAxis.setAxisMaximum(10f);//设置最大值
        xAxis.setAvoidFirstLastClipping(true);//图表将避免第一个和最后一个标签条目被减掉在图表或屏幕的边缘
        xAxis.setLabelRotationAngle(10f);//设置x轴标签的旋转角度
        // 设置网格线属性
        xAxis.setDrawGridLines(false);//设置x轴上每个点对应的线
        // xAxis.setGridLineWidth(2f);//设置竖线宽度
        // xAxis.setGridColor(Color.RED);//设置竖线颜色
        // xAxis.enableGridDashedLine(10f, 10f, 0f); //设置竖线的显示样式为虚线(lineLength控制虚线段的长度,spaceLength控制线之间的空间)
        xAxis.setGranularity(1f);
        xAxis.setValueFormatter(null);
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,539评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,594评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,871评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,963评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,984评论 6 393
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,763评论 1 307
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,468评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,357评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,850评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,002评论 3 338
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,144评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,823评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,483评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,026评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,150评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,415评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,092评论 2 355

推荐阅读更多精彩内容

  • 图表控件库 MPAndroidChart 的使用 使用方法 项目源码地址,包含了很多类型的图标 https://g...
    jinchuang阅读 821评论 0 0
  • This chapter covers the basic setup for using this librar...
    ngugg阅读 1,004评论 0 1
  • 一、首先描述控件大致的使用流程: 1.构建EntryList 一个List集合包含了一条曲线上的所有数据,Entr...
    M_jj阅读 2,784评论 0 1
  • 最新项目当中使用到了MPAndroidChart这个三方库用来绘制相关的图标.该库能力确实十分强大,但是使用过程中...
    So_Why阅读 4,325评论 0 6
  • Charts是一套非常漂亮的开源图表组件,它是MPAndroidChart在苹果端的移植版本,同时支持iOS/tv...
    清蘂翅膀的技术阅读 17,095评论 4 11