帮助企业打造成功软件！
热门搜索：
JavaScript Charts()
拥有良好兼容性的JavaScript、HTML5图表开发工具
【在线订购】AMCHARTS 图表开发全线产品在线订购专属特惠！&截止日期
产品类型：
产品功能：
平台语言：
DHTML / JavaScript
不提供源码
产品编号：
当前版本： [销售以商家最新版为准，如需其他版本，请来电咨询]
开&&发&商：
关于本产品的分类与介绍仅供参考，具体以商家网站介绍为准。加企业QQ： 咨询该产品
兼容性好的JavaScript、HTML5图表开发工具
JavaScript Charts能满足大部分的开发需求，包括序列图表（列型图，条形图，线型图，面积图，步骤折线图，平滑折线图，蜡烛图，ohlc图），饼图/环形图，雷达图/极区图以及xy图/散点图/气泡图。我们的图表是现代标准化的兼容图表集，提供无与伦比功能与性能。
JavaScript/HTML5 charts includes serial (column, bar, line, area, step line, smoothed line, candlestick and ohlc graphs), pie/donut, radar/polar and xy/scatter/bubble charts. Our charts offer unmatched functionality and performance in a modern, standards compliant package.
声明：本产品中文介绍为慧都控件网版权所有，未经慧都公司书面许可，严禁拷贝、转载！
需要培训、定制、外包？请联系我们！企业QQ： 慧都专业技术团队帮助您提高效率，节省成本，降低风险！
直观地编辑图表有了我们的超级强大的LIVE EDITOR，你只需一分钟就能编辑好图表，无需代码编写，没有更多的输入错误。你可以创建、保存、共享或简单地复制配置文件，并用它在自己的服务器上生成图表。支持所有现代浏览器JavaScript Charts用SVG（可伸缩矢量图形）渲染图表，现在几乎所有的现代浏览器都是支持这个技术的，如火狐、谷歌、Safari、Opera和 IE(since v.9)。针对老版本的IE，JavaScript Charts采用了VML（矢量标记语言）技术，这样即使是IE6的用户也可以查看图表。JavaScript Charts还可以在IOS(iPad, iPhone, iPod Touch)和安卓(since v.4)系统的移动设备上运行。CSS样式和CSS动画从3.12.0版本开始，类名可被添加到图表的每个可视元素。这使得你可以使用CSS或采用CSS动画来设置你的图表样式。免费下载和使用所有的amCharts产品对于非商业用途都可以免费下载和使用，免费版和收费版唯一的区别就是图表的左上角会出现一个小小的网站链接。超级强大的序列图表JavaScript Charts可以显示柱状图，条形图，折线图，面积图，步线图，平滑线，烛台图和OHLC图。你可以创建区域范围，样条范围或列范围图表。图表可以接受基于日期/时间的数据，能以任何格式显示日期，并且在逻辑间隔处（月、周、小时的开始）放置网格线-这取决于你的数据范围。通过简单的把“rotate”属性设置为true，柱形图将变成条形图，其中序列将绘制在垂直轴上。图表支持多数值轴、对数和扭转。用户可以放大、平移图表、在值和类别轴添加指南，并且序列图表和XY图表都支持趋势线。滚动和缩放序列图表和XY图表都可以放大、滚动或平移。输出为图像或PDF你可以在大多数现代浏览器将图表导出为图像或PDF文件且不需要任何服务器扩展。使用JavaScript API或JSON对象安装图表你可以通过两种方式创建和管理图表-使用JavaScript API或通过创建JSON对象的所有配置并将它作为参数传递给方法，然后再创建一个图表。两种方法都有自己的优势。使用JSON配置，你可以在字符串存储图表，然后很容易将这个字符串传递到任何想用的地方。JavaScript API则更适用于创建更复杂的交互式图表（尽管JSON也可做到这一点，但JS API在某些情况下更容易）。强大的主题JavaScript Charts包含4个不同的主题，帮助你快速调整图表的设计。类似手绘图表JavaScript Charts提供独特的功能使得图表看上去像手绘-线条不直也不散，并且线条的厚度可以改变。仪表，子弹图，迷你图，雷达...JavaScript Charts支持可以用来显示速度测试、时钟之类的角度仪表图。使用我们的序列图，你可以轻松地构建微型图（迷你图），子弹图（温度计），雷达或极坐标图。动图使用一些额外的编码就可以轻松拥有动图，它可以动态的更改数据并对某个时间段内数据是如何变化的做出解释。点击查看&&。
Supports all modern browsers
Our JavaScript charts support all modern browsers including (but not limited to) modern versions of Firefox, Chrome, Safari, Opera and Internet Explorer. It also runs on mobile devices powered by iOS (iPad, iPhone, iPod Touch) and Android Honeycomb. The package also includes Flash charts which can be served for users with browsers which doesn't support SVG/VML.
Free even for commercial use
You can download and use all amCharts products for free. The only limitation of the free version is that a small link to this web site will be displayed in the top left corner of your charts.
Super-powerful serial chart
Our serial chart is so powerful that it deserves to be called super-chart. It can display column, bar, line, area, step line, smoothed line, candlestick and ohlc graphs. It can accept date/time based data and display dates in any format you want and place grid lines at logical intervals - beginning of month, week, hour - depending on the range of your data. With a single &rotate& property set to true your column chart will become bar chart where series are drawn on vertical axis. Chart supports multiple value axes also logarithmic and reversed. Users can zoom-in, pan the chart, add guides both to value and category axes. Both serial and XY charts support trend lines.
Scrollable and zoomable
Both serial and xy charts can be zoomed-in and scrolled. Have you seen zoomable xy chart at any of our competitors? We guess no. Or serial chart can display advanced scrollbar with a graph in it.
OK, but what about Flash?
Even though we owe everything to Flash, we have to admit that it's a dying technology. Rich JavaScript/HTML5 apps is the new de facto standard. This is why we're making JavaScript charts our focus and top priority.
HTML5图表开发工具JavaScript Charts更新至v3.21.4，修复甘特图的值轴问题。
JavaScript、HTML5图表开发工具JavaScript Charts更新至v3.21.3。
HTML5图表开发工具JavaScript Charts更新至v3.21.4，修复甘特图的值轴问题。
JavaScript、HTML5图表开发工具JavaScript Charts更新至v3.21.3。
能够具体讲解下AmAngularGauge，默认值，设置方法，更感激不尽了。
演示或示例
演示或示例
更新时间: 14:01:29 | 录入时间: | 责任编辑:Zhoujinjing
JavaScript Maps
JavaScript Maps是一个稳健的交互式的Javascript/HTML5地图库
JavaScript Charts
拥有良好兼容性的JavaScript、HTML5图表开发工具
Javascript Stock Chart
可将任意给予日期和时间数据可视化的Javascript金融图表工具
TeeGrid for VCL/FMX
轻量级和全功能、跨平台网格/表格组件
MindFusion.Mapping for WPF
快速且容易地为Wpf应用程序添加一个漂亮的地图
MindFusion.Mapping for WinForms
拥有创建、定制和显示地图的全套功能
MindFusion.Charting for Android
用简单易懂的图表呈现您的数据，可以在任何Android设备上运行，让您的应用脱颖而出！
MindFusion.Charting for WebForms
适用于任何ASP.NET应用程序的完美图表控件
MindFusion.Charting for Silverlight
为您的Silverlight应用程序创建漂亮的图表
Essential Studio for Windows Phone
包含有30 +组件的综合套包，包括最快的图表和网格组件。
Essential Studio for LightSwitch
HTML和Silverlight客户端的企业级控件扩展。包括一些复杂的小部件，如数据网格、图表、地图、仪表等等。
NWA Focus EMI®
制造智能&品质分析解决方案，通过全球分析层的所有数据源提取信息，提供企业级、基于实时SPC分析的过程监控，实时警报及可视化
Point & Figure Charts
交互式股票分析工具，可以创建各种技术指标图表来帮助用户识别买卖信号
服务与支持
重庆 / 023-
北京 / 010-
400-700-1020
慧都旗下网站
慧都科技有限公司 版权所有 Copyright
100%正版软件
400-700-1020Android实现Chart.js - CSDN博客
Android实现Chart.js
需要用做报表，懒习惯了，从网上下个现成Web控件（无穷尽量，选中了Chart.js，又小又漂亮）的直接结合到android里，方便。
1. 下载Chart.js
& & & & Chart.js&
2. 新建Android项目
将下载的Chart.js-master解压后放到assets/web里。
3. 代码结构
3.1 入口Activity&MainActivity
3.2&WebView工具类&WebViewUtil
3.3 向报表中传值并提供后台Java调用的action：ChartAction
但是本次在页面中没有体现相对应的接受参数代码。
3.3 编写要向前台发送的POJO实体类，可以用Gson直接转
3.4 layout文件&fragment_main.xml
4. 运行结果
本文已收录于以下专栏：
相关文章推荐
需要用Android做报表，懒习惯了，网上的
前提：需要导入chart.js
            我的项目环境是：SpringMVC+mongodb
SpringMVC的controller层：
view pl...
需要引入Chart.js  
view plaincopy
&java& pageEncoding=&UTF-8&%&     &#...
Chart.js Documentation
Everything you need to know to build great looking chartsusing Chart.js
ionic2使用第三方图表显示插件（dygraph）
chart.js 参数说明
var lineChartData = {
labels : [&09/12&,&09/13&,&09/14&,&09/15&,&09/16&,&09/1...
Chart.js绘图,数据图
首先下载需要引用的Chart.js文件
/nnnick/Chart.js
也可以把整个文件夹都下载到本地，里面包含了一些demo
经过一系列对折线图的试验，这儿就来尝试一下用饼图（Pie Chart）来做医疗数据的可视化。在《用D3.js进行医疗数据可视化 （四） 堆积区图(Stacked Area Chart)》的图2中...
他的最新文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)by Jumpeye Components
The free JS Charts
version is fully customizable but watermarked.
To remove the watermark you need a domain key.
Non-commercial $39
Commercial $79
Non-commercial $59
Commercial $119
Non-commercial $89
Commercial $169
Non-commercial license
You should get the Non-commercial
license ONLY if you are going to use
this product for non-commercial projects.
If you plan to use this product to
create content for a website/project
that will generate ANY type of
income, you should get a
commercial license instead.
Commercial license
You should get a commercial license
if you are going to use JS Charts
for any kind of commercial projects.
Inside the pack
JS Charts javascript component
JS Charts User Guide
Sample files for bar, pie and line charts
Requirements
Any text/HTML/XML editor
JavaScript enabled in client's browserHTML5 Canvas简单实用的图表插件-Chart.js
当前位置： >
> HTML5 Canvas简单实用的图表插件-Chart.js
Chart.js是一款简单实用的基于HTML5 canvas的js图表插件。该js图表插件利用canvas的特性，动态生成各种类型的图表。图表类型有：柱状图、线性图、饼状图、环状图、极坐标图和雷达图。并可以自定义tooltips。
浏览器兼容性
Chart.js是一款简单实用的基于的js图表插件。该js图表插件利用的特性，动态生成各种类型的图表。图表类型有：柱状图、线性图、饼状图、环状图、极坐标图和雷达图。并可以自定义tooltips。
使用该js图表插件首先要在页面中引入Chart.js文件，该文件会生成一个全局的变量Chart。
&script src="Chart.js"&&/script&
如果你使用AMD的javascript模式，也同样可以支持Chart.js的核心文件。注意：该负数同样会产生一个全局变量Chart，即使是删除了define和define.amd。如果你不希望这样，可以使用noConflict来保存全局变量。
// Using requirejs
require(['path/to/Chartjs'], function(Chart){
// Use Chart.js as normal here.
// Chart.noConflict restores the Chart global variable to it's previous owner
// The function returns what was previously Chart, allowing you to reassign.
var Chartjs = Chart.noConflict();
你还可以通过Bower来安装chart.js。
bower install Chart.js --save
要创建一个图标，需要实例化一个Chart对象。要实例化一个Chart对象，可以通过创建一个带2D上下文的&canvas&元素来实现：
&canvas id="myChart" width="400" height="400"&&/canvas&
// Get the context of the canvas element we want to select
var ctx = document.getElementById("myChart").getContext("2d");
var myNewChart = new Chart(ctx).PolarArea(data);
也可以通过来获取&canvas&元素的上下文：
// Get context with jQuery - using jQuery's .get() method.
var ctx = $("#myChart").get(0).getContext("2d");
// This will get the first returned node in the jQuery collection.
var myNewChart = new Chart(ctx);
在创建Chart对象之后，就可以继续创建chart.js中存在的图表。下面是一个极坐标图的例子：
new Chart(ctx).PolarArea(data, options);
图表的插件是通过调用与图表名称相同的方法来实现。在方法中的data参数是图表的类型，options是图表的参数。Chart.js会将全局默认参数和指定的默认参数相合并，然后将传入的options作为第二个参数使用。
全局配置参数
Chart.defaults.global = {
// Boolean - Whether to animate the chart
animation: true,
// Number - Number of animation steps
animationSteps: 60,
// String - Animation easing effect
animationEasing: "easeOutQuart",
// Boolean - If we should show the scale at all
showScale: true,
// Boolean - If we want to override with a hard coded scale
scaleOverride: false,
// ** Required if scaleOverride is true **
// Number - The number of steps in a hard coded scale
scaleSteps: null,
// Number - The value jump in the hard coded scale
scaleStepWidth: null,
// Number - The scale starting value
scaleStartValue: null,
// String - Colour of the scale line
scaleLineColor: "rgba(0,0,0,.1)",
// Number - Pixel width of the scale line
scaleLineWidth: 1,
// Boolean - Whether to show labels on the scale
scaleShowLabels: true,
// Interpolated JS string - can access value
scaleLabel: "&%=value%>",
// Boolean - Whether the scale should stick to integers, not floats even if drawing space is there
scaleIntegersOnly: true,
// Boolean - Whether the scale should start at zero, or an order of magnitude down from the lowest value
scaleBeginAtZero: false,
// String - Scale label font declaration for the scale label
scaleFontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
// Number - Scale label font size in pixels
scaleFontSize: 12,
// String - Scale label font weight style
scaleFontStyle: "normal",
// String - Scale label font colour
scaleFontColor: "#666",
// Boolean - whether or not the chart should be responsive and resize when the browser does.
responsive: false,
// Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container
maintainAspectRatio: true,
// Boolean - Determines whether to draw tooltips on the canvas or not
showTooltips: true,
// Function - Determines whether to execute the customTooltips function instead of drawing the built in tooltips (See [Advanced - External Tooltips](#advanced-usage-custom-tooltips))
customTooltips: false,
// Array - Array of string names to attach tooltip events
tooltipEvents: ["mousemove", "touchstart", "touchmove"],
// String - Tooltip background colour
tooltipFillColor: "rgba(0,0,0,0.8)",
// String - Tooltip label font declaration for the scale label
tooltipFontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
// Number - Tooltip label font size in pixels
tooltipFontSize: 14,
// String - Tooltip font weight style
tooltipFontStyle: "normal",
// String - Tooltip label font colour
tooltipFontColor: "#fff",
// String - Tooltip title font declaration for the scale label
tooltipTitleFontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
// Number - Tooltip title font size in pixels
tooltipTitleFontSize: 14,
// String - Tooltip title font weight style
tooltipTitleFontStyle: "bold",
// String - Tooltip title font colour
tooltipTitleFontColor: "#fff",
// Number - pixel width of padding around tooltip text
tooltipYPadding: 6,
// Number - pixel width of padding around tooltip text
tooltipXPadding: 6,
// Number - Size of the caret on the tooltip
tooltipCaretSize: 8,
// Number - Pixel radius of the tooltip border
tooltipCornerRadius: 6,
// Number - Pixel offset from point x to tooltip edge
tooltipXOffset: 10,
// String - Template string for single tooltips
tooltipTemplate: "&%if (label){%>&%=label%>: &%}%>&%= value %>",
// String - Template string for multiple tooltips
multiTooltipTemplate: "&%= value %>",
// Function - Will fire on animation progression.
onAnimationProgress: function(){},
// Function - Will fire on animation completion.
onAnimationComplete: function(){}
如果你希望图表是响应式的，可以参考下面的设置：
Chart.defaults.global.responsive =
现在，每次创建图表的时候，options.responsive都会被设置为true。
每一种图表类型的详细参数和使用方法，请点击下面的链接查看。
本文版权属于jQuery之家，转载请注明出处：
您已经顶过了哦！}