web页面 chart.js 怎样在折线图的点上显示对应数值？

Posted 2023-04-13

请问问题解决了吗？我用Chart.bundle.min.js只有当鼠标移到一个点上才显示该点对应的数据。但我想要的是不用把鼠标移上去就能看到对应数据，如果能只显示最大值和最小值更好 参考技术A rt.js 怎样tyiesty

android怎么让折线图上方显示数字

直接在旁边写数字就可以了。主要画折线图。
步骤一：折线图的坐标集
　　首先应该创建 XYSeries对象 ： 用于提供绘制的点集合的数据
　　XYSeries series = new XYSeries(titles[i]); // 根据每条线的名称创建
　　将所有的坐标加入这个集合
　　series .add (xV[k], yV[k]);
　　XYMultipleSeriesDataset对象 用于 保存点集数据 ，包括每条曲线的X，Y坐标
　　// 用于数据的存放
　　XYMultipleSeriesDataset dataset = new XYMultipleSeriesDataset();
　　dataset .addSeries (series);
　　步骤二：折线图的样式集
　　定义每条曲线的颜色
　　int [] colors = new int [] Color. BLUE ,Color. GREEN ;
　　定义每条曲线的点的形状
　　PointStyle [] styles =
　　new PointStyle [] PointStyle . CIRCLE , PointStyle . DIAMOND ;
　　曲线图的格式，包括颜色，值的范围，点和线的形状等等 都封装在 XYSeriesRender对象中，再将XYSeriesRender对象封装在 XYMultipleSeriesRenderer 对象中
　　XYSeriesRenderer r = new XYSeriesRenderer();
　　r.setColor(colors[i]);
　　r.setPointStyle(styles[i]);
　　r.setFillPoints(fill);
　　XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer();
　　renderer.addSeriesRenderer(r);
　　设置折线图名称，坐标轴的名称，坐标轴的起点重点，坐标轴的颜色，坐标轴上数字的颜色
　　setChartSettings(renderer, "Line Chart Demo" , "X" , "Y" , - 1 , 12, 0, 35 , Color. WHITE , Color. WHITE );
　　步骤三：显示折线图
　　View chart = ChartFactory. getLineChartView ( this , dataset, renderer);
　　setContentView(chart); 参考技术A 我想知道你的折线是哪里来的，不是画上去的？如果是画上去的，既然可以画线，那就可以画字上去canvas.drawText("你想要的字", x, y, paint);。如果是图片，那就让做图的把字打上去 参考技术B

你说的是这种效果？

追问

对的

追答

那我想知道你的折线是哪里来的，不是画上去的？如果是画上去的，既然可以画线，那就可以画字上去canvas.drawText("你想要的字", x, y, paint);。如果是图片，那就让做图的把字打上去

参考技术C

是这样的吗