js图表

JS图表控件FusionCharts使用教程：使用JavaScript更新图表数据

在使用FusionCharts的时候，用户可以先创建一个简单的图表,然后改变它的数据(请参见下面的代码)。图表最初据显示8月份的销售数据,当用户点击按钮时改为显示9月份的销售数据。每个月都有单独的XML文件,代码如下: UpdateChartdata FusionChartswillloadhere!  在上面的代码中,我们使用8月的数据创建了一个图表,数
zzc1684·2014-11-13 09:00

JS图表控件FusionCharts使用教程：自定义图表的工具提示

什么是FusionCharts的工具提示当鼠标指示到FusionCharts图表中一个特定的数据点时所显示出来的信息就是工具提示。提示的信息可以是以下内容:单系列图(除了饼图和环图):名称和值饼图和环图:名称和值/百分比多系列和组合图:系列名称、类别名称、数据值如何禁用图表中的工具提示用户可以通过设置showToolTip='0'选择禁用图表上的工具提示。示例： 如何为图表上的数据点设置自定义文本
zzc1684·2014-11-12 12:00

JS图表控件FusionCharts使用教程：自定义图表上的垂直线

什么是垂直分割线FusionCharts中的垂直(或条形图中的水平)分隔线是用来帮助用户分隔数据块的。可以被放置在任何两个数据点,即使是不规则的间隔也可以。XML代码如下：  从上面的XML可以看到,一个垂直分隔线将通过元素中的元素应用到图表中用户想要放置的位置进行使用。如何设置垂直分隔线的位置默认情况下,在图表中添加垂直分隔线,会出现在两个数据点之间。但是,用户可以
zzc1684·2014-11-12 12:00

JS图表控件FusionCharts使用教程：在图表中显示标识和图片

在FusionCharts的图表中显示外部标识使用FusionCharts之后，用户可以在运行时加载需要在图表中显示的外部标识/图片/图像。这个标识可以GIF/JPEG/PNG或SWF文件格式驻留在和图表SWF相同的子域。用户需要使用图表元素的logoURL属性加载标识，如下所示:  请注意,由于安全原因FlashPlayer播放器不允许用户加载有绝对路径的跨域文件。因此,你
zzc1684·2014-11-12 12:00

JS图表控件FusionCharts使用教程：在图表标绘非连续数据

你可能经常要以不完整的数据点绘制图表。例如,当绘制每月的销售图表时,你可能没有所有的月数据。所以,你可能只想以一个空白的区域来显示缺失的数据，不在这个区域中绘制任何东西。FusionCharts可以让这个目标很容易的实现。》》》免费下载Flash图表控件FusionCharts最新版用户可以通过不提供任何值到需要隐藏的相应元素来隐藏任意数量的数据块。具体操作参考下面的XML代码:
zzc1684·2014-11-12 09:00

JS图表控件FusionCharts使用教程：如何高亮显示数据

使用Flash图表控件FusionCharts时，通过改变alpha值是高亮显示数据的最简单方式。XML代码如下:  在这里,已经设置了第二列的alpha值为50(范围是0-100)。查看这张图的时候,你会发现列是半透明的。使用虚线边界高亮数据集用户也可以通过设置它的边界为虚线高亮显示数据集。参考下面的XML代码:      通过在一个线/区域图内使用单个锚属性高亮数据
zzc1684·2014-11-12 09:00

JS图表控件FusionCharts使用教程：自定义图表导出菜单或界面

FusionCharts的导出组件界面有两种模式：CompactMode:用于保存单张图片,每一个单独的导出组件实例都代表单独的图表。在这种模式下,只有一个按钮和标题是可见的。FullMode:保存多个图表,无论是单独或作为一个单独的文件。在这种模式下,用户可以选择需要保存的图表以及保存的格式。在两种模式下,你可以自定义导出组件的颜色、字体和标题。在进入属性之前,先快速看一下导出组件的各种元素。如
zzc1684·2014-11-11 09:00

JS图表控件FusionCharts使用教程：如何设置图片导出格式

通过设置FusionCharts的属性，就可以导出图表，图表的右键菜单将会显示所有可能导出的格式-JPG、PNG和PDF，如下所示：不过如果你只需要显示可选择的格式或改变菜单项的标签,可以进行如下操作：1这个属性的格式为FileType=Menu_Item_Label|File_Type2=Menu_Item_Label2(这些项可以由|字符；pipe字符进行分隔)。可能的文件类型是JPG、PNG
zzc1684·2014-11-11 09:00

js图表库比较

阅读更多库特点canvasjs无依赖，动画效果弱，API参数设置简单清晰，自定义控制少。amcharts无依赖，动画效果弱，动画效果好，API参数设置简单清晰。highcharts依赖jq/moontool或者其他的基础库，适合PC端、图表类型多、API完备，参数设置繁多。flot依赖jq。无动画效果。控件模块拆分比较好，可以按需加载。支持自定义插件，引入新的图表类型。fusioncharts无依
mutongwu·2014-10-28 14:00

js图表库比较

库 特点 canvasjs 无依赖，动画效果弱，API参数设置简单清晰，自定义控制少。 amcharts 无依赖，动画效果弱，动画效果好，API参数设置简单清晰。 highcharts 依赖jq/moontool或者其他的基础库，适合PC端、图表类型多、API完备，参数设置繁多。 flot 依赖jq。无动画效果。控件模块拆分比较好，可以按需加载。支持自定义插件，引入新的图表类型。
mutongwu·2014-10-28 14:00

Highcharts运用

阅读更多Highcharts:功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库Highcharts是一款纯javascript编写的图表库，能够很简单便捷的在Web网站或Web应用中添加交互性的图表
tracy婷婷·2014-10-23 15:00

Highcharts运用

阅读更多Highcharts:功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库Highcharts是一款纯javascript编写的图表库，能够很简单便捷的在Web网站或Web应用中添加交互性的图表
tracy婷婷·2014-10-23 15:00

Highcharts运用

 Highcharts:功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库  Highcharts是一款纯javascript编写的图表库，能够很简单便捷的在Web网站或Web应用中添加交互性的图表
tracy婷婷·2014-10-23 15:00

Highcharts纯js图表库，以后可以跟客户说，你跟阿里云ECS用的图表库是同款

Highcharts是一款纯javascript编写的图表库，能够很简便的在Web网站或Web应用中添加交互性的图表，Highcharts目前支持直线图、曲线图、面积图、柱状图、饼图、散点图等多达18种不同类型的图表，可以满足常用的Web图表需求！近来维护我的阿里云服务器，进入后台偶然发现阿里云管理后台数据图表用的也是Highcharts，刚好正需要WEB端展示数据的东西，研究哈… Highcha
hiwcb·2014-10-16 23:37

ighcharts js图表 Highcharts json Highcharts动态生成数据

ighcharts js图表 Highcharts json Highcharts动态生成数据 最近一个项目中需要用到图表分析，能直观看出一个月内访问量的变化曲线。
lonelyawolf·2014-10-10 19:00

技术选型

leveldb/RIA前端：http://jquery.com/JSON包：http://json-lib.sourceforge.net/CSS框架：http://getbootstrap.com/js
银月光海·2014-09-03 17:00

推荐几个web中常用js图表插件

作者：zccst我自己用过fusioncharts和highchart。jQuery插件有：TufteGraphflotjschartsjqchartelychartsjqueryvisualizeplugin普通的：1highcharts    http://www.highcharts.com/Highcharts是一个用纯JavaScript编写的一个图表库，能够很简单便捷的在web网站或是
zccst·2014-08-04 18:00

推荐几个web中常用js图表插件

阅读更多作者：zccst我自己用过fusioncharts和highchart。jQuery插件有：TufteGraphflotjschartsjqchartelychartsjqueryvisualizeplugin普通的：1highchartshttp://www.highcharts.com/Highcharts是一个用纯JavaScript编写的一个图表库，能够很简单便捷的在web网站或是
zccst·2014-08-04 18:00

Highcharts和Hinghstock图表构造参数常用属性

JS图表工具Highcharts和Hinghstock图表构造参数常用属性一览，帮助我们快速理解属性含义。
冬四拉·2014-04-29 14:00

zabbix二次开发之从mysql取值在运维平台js图表展现

前沿：  集群控制平台已经要慢慢的灰度上线了，出问题的时候，才找点bug，时间有点空闲。正好看了下zabbix的数据库，产生了自己想做一套能更好的展现zabbix的页面。更多内容请到我的个人的博客站点，blog.xiaorui.cc  zabbix的强点大家都感觉或者用出感觉了，确实很是方便。曾经的我，跟着公司的团队开发过一套不小的监控系统，看过我博客的人应该留意到那个用redismongodb，
rfyiamcool·2014-03-28 00:40

zabbix二次开发之从mysql取值在运维平台js图表展现

前沿：集群控制平台已经要慢慢的灰度上线了，出问题的时候，才找点bug，时间有点空闲。正好看了下zabbix的数据库，产生了自己想做一套能更好的展现zabbix的页面。更多内容请到我的个人的博客站点，blog.xiaorui.cczabbix的强点大家都感觉或者用出感觉了，确实很是方便。曾经的我，跟着公司的团队开发过一套不小的监控系统，看过我博客的人应该留意到那个用redismongodb，后期改用
rfyiamcool·2014-03-28 00:40

浅析jquery的js图表组件highcharts

Highcharts是一个制作图表的纯Javascript类库，主要特性如下：兼容性：兼容当今所有的浏览器，包括iPhone、IE和火狐等等；对于非商用用户免费（包括个人网站、非盈利性组织、学生团体等）。纯JS，无BS；支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图；跨语言：不管是PHP、.net还是Java都可以使用，它只需要三个文件：一个是Highcharts
·2014-03-06 09:17

使用JavaScript/HTML5 Charts创建3D柱状图

 JavaScript/HTML5Charts是amCharts下的一款JS图表控件，它支持多种图表类型和浏览器，是移动图表开发利器。
牛奶哎营养·2013-12-17 13:00

bootstrap 之 基本知识

expo.bootcss.com/http://bootsnipp.com/1.乐窝2.佚站3.翁天信个人博客4.美味爱读5.koala优秀的插件1.Sco.js增强javascript插件增强2.Chart.js
wcc526·2013-12-02 13:00

JS图表工具FusionCharts调整图表百分比大小

在使用FusionCharts的时候，用户可以为图表的宽度和高度设置百分比值,用来替代绝对的像素值。图表将根据父容器元素自动调整其尺寸。让我们来看看在HTML中这是如何实现的。以百分比的方式调整图表,首先需要更新HTML代码，如下所示: Thistextisreplacedbythechart 在上面的代码中,我们指定图表的宽度为80%，高度为100%。id为——“chartContain
咲晚杍·2013-09-22 10:00

开源来自百度商业前端数据可视化团队的超漂亮动态图表--ECharts

开源来自百度商业前端数据可视化团队的超漂亮动态图表--ECharts本人项目中最近有需要图表的地方，偶然发现一款超级漂亮的动态图标js图表控件，分享给大家，觉得好用的就看一下。
·2013-08-22 22:00

Ichartjs图表助手

Ichartjs图表助手IchartjsHelper（v1.0forjava）ichartjsHelper下载地址：点击下载IchartjsHelper让ichartjs图表更简单！
·2013-08-17 16:00

ichartjs图表设置自定义字体单位

  为了满足各种字体尺寸的需求，ichartjs提供了fontunit配置项用于指定字体的单位。在任何一个可以配置文本的地方均可以用此进行配置。如： 为标题设置字体单位： title:{ text:'The Rise of Pinterest', color:'#4572a7', fontunit:'em',//自定义em单位 fontsize : 2.5 }
wanghetommy·2013-07-20 14:00

利用iChart.create方法创建ichartjs图表

有时候，我们可能需要根据后台的配置来生成图表，这样后台发过来的是一个配置对象，这时我们可以利用iChart.create(Object options)方法来创建图表。 options：配置参数，与正常创建图表一样的配置项。这里面多了一个配置项type，表示图表类型。如创建柱形图图表代码片段如下：   var chart = iChart.create({ type:'colu
wanghetommy·2013-07-04 18:00

JS图表组件 highcharts 简单的介绍

把highcharts拿来做个简单的介绍，希望更多的朋友可以用到这个用来做图表的js插件。  preparationHighchartsHighcharts是一个制作图表的纯Javascript类库，主要特性如下：兼容性：兼容当今所有的浏览器，包括iPhone、IE和火狐等等；对个人用户完全免费；纯JS，无BS；支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图；跨语
·2013-06-19 14:00

使用 制作出漂亮的图表

1.简介 Highcharts图表控件是目前使用最为广泛的图表控件,是纯JS图表库。
wirelessqa·2013-05-07 22:00

SSH+Highcharts 生成动态图表 ——在思考中解决问题

问题1：js图表插件那么多，到底选哪一个呢？通过在网上搜索，选中了Highcharts。那么第一步肯定是去官网下载，查看demo。 
单一色调·2013-05-07 11:00

可视化界面设计js库

目地在于帮助你创建可重用的d3.js图表和图表组件而不降低d3.js的强大功能。这个类库非常新，拥有的组件和图表不是很多，但是可以帮助你轻松的管理和自定义图表，而不必自己去构建所有的开发细节。
guoery·2013-04-27 15:00

比较优秀的两款JS图表统计插件

highcharts http://www.highcharts.com/demo/line-log-axis/grid 国外的，这里是演示页面中文教程：http://www.52wulian.org/highcharts-2/page/2/ ichartjs http://www.ichartjs.com/ 国内的，有详细的中文接口文档都可以适用与跨平台，移动端浏览  在线实时演示查看js效果的
ivanzz·2013-04-22 10:49

kcharts前端js图表库之折线图

一个简单的折线图demo:1.建立容器     2.KISSY包配置：//包配置  KISSY.config({  combine:true,   packages:[       {         name:"gallery",         path:"http://a.tbcdn.cn/s/kissy/",         charset:"utf-8"       }     ] })
huxiaoqi567·2013-04-18 21:26

kcharts前端js图表库之折线图

 一个简单的折线图demo:1.建立容器           2.KISSY包配置：  //包配置   KISSY.config({   combine:true,    packages:[        {          name:"gallery",          path:"http://a.tbcdn.cn/s/kissy/
huxiaoqi567·2013-04-18 21:26

图形布局-Layout 之js设计实现

如果使用现有的js library(各种实现js图表的library汇总与比较)，调用的API方式也肯定不同。举个例子:draw2d使用addFigure和setPosition都可以设置图的位置。
luqin1988·2013-02-18 11:00

[Web Chart系列之四] 图形布局-Layout 之js设计实现

如果使用现有的js library(各种实现js图表的library汇总与比较)，调用的API方式也肯定不同。举个例子:draw2d使用addFigure和setPosition都可以设置图的位置。
oscar999·2013-02-05 17:00

[Web Chart系列之三] 图形布局-Layout

前言从上一篇：[WebChart系列之二]各种实现js图表的library汇总与比较的介绍，目前提供提供绘制矢量图的library还是很多的。 
oscar999·2013-01-25 17:00

IOS报表解决方案 使用开源组件iChartjs（一）

前几天写了android系统使用ichartjs简单实现移动端图表的例子，怎么能少了乔帮主的ios系统呢实现效果更炫的ichartjs图表我们来看看如何实现呢同android系统一样使用UIWebView
xumingrencai·2013-01-17 14:00

ichartjs图表组件架构一览

前言ichartjs采用了HTML5的canvas绘制图表，同时一些辅助组件(提示框，十字形)利用HTML的Div构建。这样兼顾了图表灵活性以及高性能。本文就ichartjs的组件架构做逐一的介绍，以便大家能更好的了解和使用ichartjs。 架构图一览 组件说明核心类Element：组件顶级父类，定义了初始化顺序，以及配置特性。Painter：画图的抽象类，定义了绘图行为属性。Chart：图表的
wanghetommy·2012-12-19 10:00

ichartjs图表框架简介

经过近10个月的不断探索，ichartjs开源技术小组终于发布了第一个正式1.0版本。虽然组件类型目前还不够全面，不过已初见端倪，包含了常用基本的图表组件。对Android与iOS的移动设备有良好的支持。 简介 ichartjs是一款基于HTML5的图形库。使用纯javascript语言,利用HTML5的canvas标签绘制各式图形。ichartjs致力于为WEB应用提供简单、直观、可交互的体验级
wanghetommy·2012-12-15 17:00

ichartjs图表组件发布1.0版本

ichartjs是一款基于HTML5的图形库。致力于为您的应用提供简单、直观、可交互的体验级图表组件。是WEB/APP图表展示方面的解决方案。经过6个月的优化，ichartjs开源技术小组正式发布1.0版本。 特点跨平台：ichartjs利用HTML5canvas完成图形绘制工作，这样它有能力在现代的主流浏览器中运用自如。无论是PC上的，还是在Android/iOS上，ichartjs都能在不改动
wanghetommy·2012-12-15 17:00

[框架技术推荐]ichartjs国产开源html5/js图表工具

国产的开源js图表工具，没见过这么好的了.支持各种浏览器，包括移动设备整个ichartjs压缩文件只有90k跨平台效果也很酷 官方网站 http://www.ichartjs.com/googlecode
KimmKing·2012-12-02 21:00

csdn 好文章

ASP.NET在ASP.NET中使用Highchartsjs图表(2011年04月07日)ASP.NET版Memcached监控工具(2011年03月29日)使用Memcached提高.NET应用程序的性能
a174787252·2012-11-02 14:00

dojo charting on nodejs

js图表库很多都把坐标轴上的刻度文字用html来显示，这样在网页上都不能保存到图片里，更别说在后台了。库rgraph文字是完全生成在canvas上的，dojo图表是可设置轴文字生成到html
gavin·2012-10-24 17:00

Highcharts js图表实例

前台显示 TestHighcharts $(function(){ $("input[type=button]").bind("click",showChart); }); varchart; functionshowChart(){ $.ajax({ url:'/t/highcharts', type:'post', dataType:'jso
showlike·2012-08-16 18:00

Highcharts js图表使用

资料 Highcharts官方网址： http://www.highcharts.com/ Highcharts官方文档网址：http://www.highcharts.com/demo/ 线性图表基础实例参数说明 var chart; $(document).ready(function() { chart = new Highcharts.Chart({ c
showlike·2012-08-16 16:00

jqplot js图表绘制工具

个非常强大的图表工具，曲线，柱状，饼图，应该有尽有，更要命的是，调用方便~~ 官网：http://www.jqplot.com/ jqPlot整的来说有三个地方需要配置。格式如： $.jqplot(‘target',data,options);target：要显示的位置。data：显示的数据。options：其它配置 seriesColors:["#4bb2c5","#c5b47f","#EAA2
yangdeli888·2012-07-11 09:00

分享一个基于D3.js的互动可重用图表javascript类库 - NVD3.js

目地在于帮助你创建可重用的d3.js图表和图表组件而不降低d3.js的强大功能。这个类库非常新，拥有的组件和图表不是很多，但是可以帮助你轻松的管理和自定义图表，而不必自己去构建所有的开发细节。
tyygming·2012-07-04 16:00
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他