2 qq 29426591 qq_29426591 于 2016.09.13 11:27 提问

根据数据库数据生成柱形图

我需要根据数据库存在的数据在网页生成柱形图,并且通过下拉选择框勾选条件实时添加柱形数量。有哪位大神告诉一下。可以通过勾选添加实时添加柱形数量吗?。怎么弄?

4个回答

u010808544
u010808544   2016.09.13 11:34
已采纳
w172087242
w172087242   Ds   Rxr 2016.09.13 11:36

可以的,使用百度的echarts3.0
每次重新设置其option,都能刷新视图。

option的内容你可以看看百度的示例,官网有齐全的api。
百度echarts官网

希望能够帮到你...

zhuzige521888
zhuzige521888   2016.09.13 11:34

可以的,不过需要一个插件就是echarts图表库
http://echarts.baidu.com/echarts2/doc/example/toolbox.html
图片说明
(1)可以切换线条还是柱形图
(2)点击项目显示与否(就是你要的选择框勾选相同功能)

qq_29594393
qq_29594393   Ds   Rxr 2016.09.13 11:36

可以实现,用chart.js,一开始设置一下颜色,(可以考虑随机,),
每次生成都是对canvas的一次重绘,

根据数据名和数据值作为数组的键值对传入函数,
函数遍历数组的键值对动态生成数据.
每次勾选,就向数组添加一个键值对,然后重新传入函数,对画布进行重绘

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
从数据库提取数据利用jpgraph画统计图柱形图
JpGraph安装方法 JpGraph 是一个强大的绘图组建,能根据用户的需要绘制任意图形,根据提供数据自动生成图形。可以应用在任意PHP环境中。 安装 从官方网站http://jpgraph.net/上下载适合php版本的Jpgraph 安装方法:(1)解压到一个文件夹下,如D:\jpgraph                (2)修改php.ini中的inclde_path,如:in
跟据后台数据生成饼图及柱形图实例
在做社团管理系统时,为了进一步完善功能,用jfreechar做了一个饼图与柱形图,做的比较粗糙,效果如下,现在跟大家分享一下实现方法 /**   * 生成饼图   * @param list 传入参数为一个list,list中包含多个map,这个list是从数据库中获取得到的结果集   * @throws IOException   */  public static void b
Js生成(柱形/饼图)图表
首先加载js文件: 点击下载 需要加载的js文件: 点击下载 JS生成柱形图表
Java读取数据库数据生成柱状图
此案例是用swing显示数据的。需要引入jfreechart相关包,不同版本可能包不相同,本人用的是 此案例在ssi框架下会报错,不用框架就没问题。 Java后台逻辑代码: public class BarChart { ChartPanel frame1; public BarChart() { CategoryDataset dataset = getDataSet();
Axure统计图表格元件,可增删改查。更改数据改变形状(柱状图)
可对数据增删改查,根据修改或者添加的数据生成柱状统计图。axure元件,复用性强。
c#中连接数据库后绘制柱状图和饼状图
自己在项目中使用的绘制柱状图和饼状图的方法 简单实用,可直接调用 public class GongNeng {     System.Data.DataTable table1 = new System.Data.DataTable();     public GongNeng() { }     //定义绘制饼状图的颜色     public static Color G
highcharts绘图之数据库数据绘制柱形图实例
JS文件$.getJSON('/Highcharts/Test?', function (data) { var sum = 0; $.each(data, function (infoIndex, info) { sum += parseFloat(info["count"]); })
Python对表格的数据进行处理然后在Excel中制作柱形图
# -*- coding: utf-8 -*- import sys reload(sys) sys.setdefaultencoding('utf8') from matplotlib.font_manager import FontProperties import xlrd import xlsxwriter from matplotlib.font_manager import Font
highcharts动态获取数据生成柱状图
   使用Highcharts控件实现柱状图,前端显示主要使用Highchartst图表库,后端使用SpringMVC框架从数据库获取数据,前后端数据交互采用Json数据格式,由于篇幅问题数据库代码就不提供了。主要代码如下:   1. 在页面头部引用Hightcharts文件
Java生成柱状图
Java 生成柱状图;可以直接运行,含jar文件,注释全。