精华内容
下载资源
问答
  • 怎么在折线图上显示数据
    2022-03-03 11:33:02

    帆软报表柱状图、条形图、折线图不显示数据

    解决了?帆软报表里面的具体数据必须是数字类型

    更多相关内容
  • 完全独立出来的一个绘制折线图的例子,直接放到程序中就可以用。可以用来实时展示像温度,脉搏这类的数据。 完全独立出来的一个绘制折线图的例子,直接放到程序中就可以用。可以用来实时展示像温度,脉搏这类的数据...
  • JDBC实现MySQL中的数据上传到前端,经Echarts折线图展示出来。
  • 根据心情,写入日记,并显示心情变化曲线。使用qt制作,listview显示数据库数据和qcharts显示心情变化曲线
  • matplotlib折线图显示数据

    千次阅读 2021-06-13 11:11:55
    for a, b in zip(df.index, df['2021年数量']): plt.text(a, b+100, '%.0f副' % b, ha='center', va='bottom', fontsize=10, color='red')
        for a, b in zip(df.index, df['2021年数量']):
            plt.text(a, b+100, '%.0f副' % b, ha='center', va='bottom', fontsize=10, color='red')
    
    展开全文
  • C# 动态添加数据折线图 chart 动态折线图。 C#窗口程序chart控件实现动态将数据添加到折线图的功能,勾选框可指示数据是否显示 C# chart 动态折线图
  • asp 读取数据库中数据生成统计折线图,直观显示数据,方便查看。 asp 读取数据库中数据生成统计折线图,直观显示数据,方便查看。
  • 易语言折线图例程

    2020-07-22 22:42:03
    易语言折线图例程源码,折线图例程,子程序_初始折线显示,子程序_折线显示,子程序_获取数据
  • 压缩包内的源码是用VS2010写的,创建的是C# winform工程。从SQLite中读取数据显示在界面的dataGridView控件报表中并右边用char图表绘制饼状图,柱状图,折线图等。
  • Android之MPAndroidChart动态折线图的简单实现及折线图上数据显示精度的设置 最近项目用到了折线统计图实时更新数据,用到了Android的MPAndroidChart组件,这里总结一下,这个组件对于绘图来说,可以说是非常方便...

    Android之MPAndroidChart动态折线图的简单实现及折线图上数据显示精度的设置

    最近项目用到了折线统计图实时更新数据,用到了Android的MPAndroidChart组件,在这里总结一下,这个组件对于绘图来说,可以说是非常方便了,本文主要说一下动态折线图的基本使用

    首先是导入依赖包

    导入MPAndroidChart所需的依赖包,同时我还导入了butterknife的包,可以用于绑定视图;
    1.projectde的gradle需要在allprojects下加入如下代码

    allprojects {
        repositories {
            google()
            maven { url "https://jitpack.io" }
            jcenter()
        }
    }
    

    2.module的gradle需要在dependencies下加入如下代码

        implementation 'com.github.PhilJay:MPAndroidChart:v3.0.3'
        implementation 'com.jakewharton:butterknife:10.0.0'
        annotationProcessor 'com.jakewharton:butterknife-compiler:10.0.0'
    

    动态折线图

    先看效果图

    在这里插入图片描述

    布局文件

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:orientation="vertical"
        android:layout_height="match_parent">
    
         <com.github.mikephil.charting.charts.LineChart
                android:id="@+id/dynamic_chart2"
                android:layout_width="match_parent"
                android:layout_height="380dp"/>
    
    </LinearLayout>
    

    所需要的工具类代码:

    /**
     * *Copyright:Copyright@2021Demon丶翊宸版权所有
     *  @Package: com.example.sj
     *  @Description: 动态折线图动态类
     *  @author: ly
     *  @date: 2021/3/30 11:00
     */
    
    public class DynamicLineChartManager {
        private LineChart lineChart;
        private YAxis leftAxis;
        private YAxis rightAxis;
        private XAxis xAxis;
        private LineData lineData;
        private LineDataSet lineDataSet;
        private List<ILineDataSet> lineDataSets = new ArrayList<>();
        private SimpleDateFormat df = new SimpleDateFormat("HH:mm:ss");//设置日期格式  
        private List<String> timeList = new ArrayList<>(); //存储x轴的时间
        //多条曲线
        public DynamicLineChartManager(LineChart mLineChart, List<String> names, List<Integer> colors) {
            this.lineChart = mLineChart;
            leftAxis = lineChart.getAxisLeft();
            rightAxis = lineChart.getAxisRight();
            xAxis = lineChart.getXAxis();
            initLineChart();
            initLineDataSet(names, colors);
        }
    
     /**
         *  @Description: 初始化LineChar
         *  @author: ly
         *  @date: 2021/3/30 11:00
         */
        private void initLineChart() {
            lineChart.setDrawGridBackground(false);
            // 显示边界
            lineChart.setDrawBorders(true);
            // 没有数据的时候,显示“暂无数据”
            lineChart.setNoDataText("暂无数据");
            // 禁止x轴y轴同时进行缩放
            lineChart.setPinchZoom(false);
            // 启用/禁用缩放图表上的两个轴。
            lineChart.setScaleEnabled(false);
            // 关闭Y轴
            lineChart.getAxisRight().setEnabled(false);
            lineChart.getAxisLeft().setEnabled(true);
            //折线图例 标签 设置
            Legend legend = lineChart.getLegend();
            legend.setForm(Legend.LegendForm.CIRCLE);
            legend.setTextSize(11f);
            //显示位置      legend.setVerticalAlignment(Legend.LegendVerticalAlignment.TOP);
            legend.setHorizontalAlignment(Legend.LegendHorizontalAlignment.RIGHT);
            legend.setOrientation(Legend.LegendOrientation.HORIZONTAL);
            legend.setDrawInside(false);
            //X轴设置显示位置在底部
            xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
            //关闭x轴
            xAxis.setEnabled(true);
            xAxis.setGranularity(1f);
            xAxis.setLabelCount(10);
            // 不绘制网格线
            xAxis.setDrawGridLines(false);
            xAxis.setValueFormatter(new IAxisValueFormatter() {
                @Override
                public String getFormattedValue(float value, AxisBase axis) {
                    return timeList.get((int) value % timeList.size());
                }
            });
            //保证Y轴从0开始,不然会上移一点
            leftAxis.setAxisMinimum(0f);
            rightAxis.setAxisMinimum(0f);
        }
        /**
         *  @Description: 初始化折线(多条线)
         *  @author: ly
         *  @date: 2021/3/30 11:00
         */
        private void initLineDataSet(List<String> names, List<Integer> colors) {
    
            for (int i = 0; i < names.size(); i++) {
                lineDataSet = new LineDataSet(null, names.get(i));
                lineDataSet.setColor(colors.get(i));
                lineDataSet.setLineWidth(1.5f);
                lineDataSet.setCircleRadius(1.5f);
                lineDataSet.setColor(colors.get(i));
                lineDataSet.setDrawFilled(false);
                lineDataSet.setCircleColor(colors.get(i));
                lineDataSet.setHighLightColor(colors.get(i));
                lineDataSet.setMode(LineDataSet.Mode.CUBIC_BEZIER);
                lineDataSet.setAxisDependency(YAxis.AxisDependency.LEFT);
                lineDataSet.setValueTextSize(10f);
                xAxis.setDrawGridLines(false);
                lineDataSets.add(lineDataSet);
            }
            //添加一个空的 LineData
            lineData = new LineData();
            lineChart.setData(lineData);
            lineChart.invalidate();
        }
    
        /**
         *  @Description: 动态添加数据(多条折线图)
         *  @author: ly
         *  @date: 2021/3/30 10:59
         */
        public void addEntry(List<Double> numbers) {
            if (lineDataSets.get(0).getEntryCount() == 0) {
                lineData = new LineData(lineDataSets);
                lineData.setValueFormatter(new IValueFormatter() {
                    @Override
                    public String getFormattedValue(float value, Entry entry, int dataSetIndex, ViewPortHandler viewPortHandler) {
                        DecimalFormat df = new DecimalFormat("#.000");
                        return ""+df.format(value);
                    }
                });
                lineChart.setData(lineData);
            }
            if (timeList.size() > 11) {
                timeList.clear();
            }
            timeList.add(df.format(System.currentTimeMillis()));
            for (int i = 0; i < numbers.size(); i++) {
                Entry entry = new Entry(lineDataSet.getEntryCount(),numbers.get(i).floatValue());
                lineData.addEntry(entry, i);
                lineData.notifyDataChanged();
                lineChart.notifyDataSetChanged();
                lineChart.setVisibleXRangeMaximum(6);
                lineChart.moveViewToX(lineData.getEntryCount() - 5);
            }
        }
        /**
         *  @Description: 设置Y轴值
         *  @author: ly
         *  @date: 2021/3/30 10:56
         *
         */
        public void setYAxis(float max, float min, int labelCount) {
            if (max < min) {
                return;
            }
            leftAxis.setAxisMaximum(max);
            leftAxis.setAxisMinimum(min);
            leftAxis.setLabelCount(labelCount, false);
            rightAxis.setAxisMaximum(max);
            rightAxis.setAxisMinimum(min);
            rightAxis.setLabelCount(labelCount, false);
            lineChart.invalidate();
        }
    }
    

    控制折线图上数据显示精度代码

     lineData.setValueFormatter(new IValueFormatter() {
                    @Override
                    public String getFormattedValue(float value, Entry entry, int dataSetIndex, ViewPortHandler viewPortHandler) {
                        DecimalFormat df = new DecimalFormat("#.000");//这里可以设置折线图上数据显示到小点后几位
                        return ""+df.format(value);
                    }
    

    主界面MainActivity的调用

    public class MainActivity extends AppCompatActivity {
        private DynamicLineChartManager dynamicLineChartManager2;
        private List<Double> list = new ArrayList<>(); 
        private List<String> names = new ArrayList<>(); 
        private List<Integer> colour = new ArrayList<>();
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            LineChart mChart2 = (LineChart) findViewById(R.id.dynamic_chart2);
            //设置折线名称
            names.add("***");
            names.add("***");
            names.add("***");
            names.add("***");
            //设置折线颜色
            colour.add(Color.CYAN);
            colour.add(Color.GREEN);
            colour.add(Color.BLUE);
            colour.add(Color.YELLOW);
            dynamicLineChartManager2 = new DynamicLineChartManager(mChart2, names, colour);
            dynamicLineChartManager2.setYAxis(100, 0, 20);
            //死循环添加数据
            new Thread(new Runnable() {
                @Override
                public void run() {
                    while (true) {
                        try {
                            Thread.sleep(100);
                        } catch (InterruptedException e) {
                            e.printStackTrace();
                        }
                        runOnUiThread(new Runnable() {
                            @Override
                            public void run() {
                                double value = (Math.random() * 20) + 1.5;
                                list.add(value);
                                list.add(30.1415);
                                list.add(38.9261);
                                dynamicLineChartManager2.addEntry(list);
                                list.clear();
                            }
                        });
                    }
                }
            }).start();
        }
    }
    
    

    到这里为止,Android实现动态实时加载数据控制折线图上数据精度的Demo就完成了,写的不好的地方欢迎大家指出,Demo下载地址:Demon丶翊宸。最后,希望这篇文章对各位看官们有所帮助。对支持小编的看官们表示感谢。

    展开全文
  • android实现折线图显示功能,能够通过用户传入相应的数据来一定程度画出自己需要的折线图.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
  • echarts 双折线图 实现 与虚线
  • Android平台的传感器实时数据的图形化展示,使用netty完成数据的高并发处理
  • python操作matplotlib画折线图显示数据

    万次阅读 多人点赞 2018-01-25 22:14:26
    本文想说的是折线点的地方显示数据纵坐标数据 利用:plt.text() 方法 废话不多说,直接代码: # encoding=utf-8 import matplotlib.pyplot as plt # 月份 x1 = ['2017-01', '2017-02', '2017-03', '2017-04...

    本文想说的是折线点的地方显示数据纵坐标数据

    利用:plt.text() 方法

    废话不多说,直接上代码:

    # encoding=utf-8
    import matplotlib.pyplot as plt
    
    # 月份
    x1 = ['2017-01', '2017-02', '2017-03', '2017-04', '2017-05', '2017-06', '2017-07', '2017-08',
          '2017-09', '2017-10', '2017-11', '2017-12']
    
    # 体重
    y1 = [86, 85, 84, 80, 75, 70, 70, 74, 78, 70, 74, 80]
    
    # 设置画布大小
    plt.figure(figsize=(16, 4))
    
    # 标题
    plt.title("my weight")
    
    # 数据
    plt.plot(x1, y1, label='weight changes', linewidth=3, color='r', marker='o',
             markerfacecolor='blue', markersize=20)
    
    # 横坐标描述
    plt.xlabel('month')
    
    # 纵坐标描述
    plt.ylabel('weight')
    
    # 设置数字标签
    for a, b in zip(x1, y1):
        plt.text(a, b, b, ha='center', va='bottom', fontsize=20)
    
    plt.legend()
    plt.show()
    

    效果:


    展开全文
  • 说明:显示折线数据。 (2)series.label.formatter 说明:自定义折线数据。 (3)series.symbolSize 说明:设置折线点大小。 2 原始效果 3 实现代码 <body> <!-- 为ECharts准备一个具备...
  • 重点是series中增加属性 折线图同理 label: { normal: { show: true, position: 'top' } }, option = { tooltip: { trigger: 'axis', axisPointer: { //
  • echarts折线图鼠标移动到点显示数据

    千次阅读 2021-08-03 12:21:32
    // An highlighted block tooltip : { trigger: 'axis', axisPointer: { type: 'cross', label: { backgroundColor: '#6a7985' } } }
  • echarts折线图数字显示

    千次阅读 2021-06-23 10:13:37
    显示折线图上的数字,一定要加上symbolSize:3属性,否则即使设置了itemStyle也不能直接显示的 series:[ { // name:'claim successful rate', type:'line', data:seriesArr, markPoint: { data: [ {typ.....
  • Python-pyecharts折线图数据显示的问题 安装模块:xlrd (2.0.1),pyecharts (1.9.0) 代码如下 import xlrd from pyecharts.charts import Line # 打开存储数据的excel data = xlrd.open_workbook('grzb.xls')...
  • echarts 折线图 中有两条线 ,鼠标悬停时显示数据 tooltip:{ trigger:'item', show:true } trigger:‘item’,这个属性效果图如下: tooltip:{ trigger:'axis', show:true } trigger:‘axis’,这个属性效果...
  • echartsjs 折线图拐点显示自定义数据

    千次阅读 2020-07-24 16:36:29
    success: function (data) { series3 = [ { name: '本周工序产出数量最高', type: ... } data.Key data.Value 是后台返回的某个数组,formatter:(params) => {}自定义拐点显示数据 params.dataIndex为每个拐点的下标
  • pb 用数据窗口实现自由画图 折线图 显示数值 图示http://hi.csdn.net/attachment/201007/25/0_1280022736VGaU.gif
  • 折线图用于显示随时间或有序类别而变化的趋势,可能显示数据点以表示单个数据值,也可能不显示这些数据点。 折线图是排列工作表的列或行中的数据可以绘制到折线图中。折线图可以显示随时间(根据常用比例设置)而...
  • Python使用matplotlib函数subplot可视化多个不同颜色的折线图在折线图上为每个数据点添加数值标签
  • 如果你给折线图设置数据显示,那么要不就全部隐藏,要不就全部显示在折线。实现指定点的显示就需要你自己去处理这个数据了。 方式有两种: 方法1:利用formatter函数(推荐) echarts的series里面的formatter ,...
  • serial加折线图显示.zip

    2021-04-28 20:54:39
    设定好串口通讯的参数,获取到底层的数据,例如温湿度数据,将获得的数据封装好给折线图接口,那么数据就将过折线图的形式来显示
  • 折线图的绘制与显示 plot() 用于画图它可以绘制点和线,语法格式如下: # 画单条线 plot([x], y, [fmt], *, data=None, **kwargs) # 画多条线 plot([x], y, [fmt], [x2], y2, [fmt2], ..., **kwargs) 参数说明: x:...
  • Echarts 折现开发是偶然间看到x轴数据和y轴对应不 找了更重方法试过 告诉大家一个直接简单快捷方法 1 黄色折现为例 实际只有234 对应Y轴却到了八千多 2 只需去掉 series 里的 “ stack ” 就行 ,修改后的效果,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 46,787
精华内容 18,714
热门标签
关键字:

怎么在折线图上显示数据