用Flash做报表,推荐使用Flash饼图

 [hjp2=800,600,true]http://www.smartgz.com/blog/Uploads/2007/111508A64.SWF[/hjp2]


 


       调用方法: ok.swf?piedata=piedata.asp
       红色部分用来指定提供XML数据的文件。FLASH文件及附加XML下载。 http://www.blueidea.com/tech/multimedia/2007/4540.asp

 


 


 


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以通过使用Spring Boot和Vue.js来创建一个报表。下面是一个简单的示例代码: 首先,在Spring Boot中创建一个RESTful API来提供数据给前端。您可以使用Spring Boot的@RestController注解来定义一个控制器: ```java @RestController @RequestMapping("/api") public class ChartController { @GetMapping("/chart") public List<ChartData> getChartData() { // 从数据库或其他数据源获取数据 List<ChartData> data = new ArrayList<>(); data.add(new ChartData("Category 1", 30)); data.add(new ChartData("Category 2", 20)); data.add(new ChartData("Category 3", 50)); return data; } } ``` 然后,创建一个ChartData类来表示的数据项: ```java public class ChartData { private String label; private int value; // 构造方法、getter和setter省略 } ``` 接下来,在前端使用Vue.js来请求并展示数据。首先,安装Vue.js并创建一个新的Vue实例: ```html <!DOCTYPE html> <html> <head> <title>Pie Chart</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <canvas id="chart"></canvas> </div> <script> new Vue({ el: '#app', mounted() { this.getChartData(); }, methods: { getChartData() { // 发送API请求获取数据 fetch('/api/chart') .then(response => response.json()) .then(data => { this.renderChart(data); }); }, renderChart(data) { // 使用Chart.js库绘制 var ctx = document.getElementById('chart').getContext('2d'); new Chart(ctx, { type: 'pie', data: { labels: data.map(item => item.label), datasets: [{ data: data.map(item => item.value), backgroundColor: ['red', 'blue', 'green'] }] } }); } } }); </script> </body> </html> ``` 在这个示例中,Vue实例在mounted钩子函数中调用getChartData方法来请求后端API获取数据。然后,使用Chart.js库绘制,将数据绑定到中。 这只是一个简单的示例,您可以根据自己的需求进行扩展和定制。希望对您有帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值