We use 饼干 to give you the best experience on our website. If you continue to browse, then you agree to our 隐私政策饼干的政策. Image for the 饼干的政策 date
Unfortunately, activation email could not send to your email. 请 再试一次.
Syncfusion 反馈

Trusted by the world’s leading companies

Syncfusion Trusted Companies

概述

The jQuery的图表 和 Graphs control can plot over 30 chart types ranging from line 图表 to specialized financial 图表. Its rich feature set includes functionalities like data binding, 多轴, Trackball, drill-down operations, 和缩放.


Browser Compatibility

Browser Compatibility

All modern browsers 和 devices are supported. The Chart is rendered as SVG in all the modern browsers 和 automatically rendered as VML on Internet Explorer 8 和 below.

High Performance

High Performance

Several data-rendering optimizations are included to achieve the best possible performance when plotting large volumes of data as well as h和ling high frequency real-time data.


图表类型

Chart includes functionality for plotting more than 30 chart types. Each chart type is easily configurable with built-in support for creating stunning visual effects.

  • or Area type 图表 for representing time-dependent data, showing trends in data at equal intervals.
  • or 酒吧 type 图表 for comparing the frequency, count, total, or average of data in different categories. They are ideal for showing variations in the value of an item over time.
  • or 金字塔 type 图表 to represent data in proportions.
  • 极地 or 雷达 to perform a visual comparison among several quantitative or qualitative aspects of a situation.
  • 泡沫 or 散射 图表 to plot financial or scientific data.
  • 瀑布 chart representing the cumulative effect of sequential positive or negative value.
  • 蜡烛 or 小矿脉 type 图表 for stock analysis.
  • 范围列 or 区域范围 series to represent high 和 low values at a point.
  • 三维图表 for pie, doughnut, column or bar type series.

Customizable Chart Axis

The jQuery的图表 和 Graphs control supports five different types of axes, namely 数值, 分类, Datetime, DateTimeCategory, 对数.

倒轴

倒轴

Invert values in an axis in opposite direction.

View Demo >

多轴

多轴

Add 多轴.

View Demo >

多个窗格

多个窗格

Add multiple panes to a chart.

聪明的范围

聪明的范围

The best possible axis ranges 和 intervals are calculated automatically based on the given values. The ranges can also be further customized using range padding.

反对轴

反对轴

Render opposed axis in the side opposite of the default position.

轴标签

轴标签

定制 options for the axis labels include positioning, placement, label format, rotation. There are also options for avoiding labels overlapping.

View Demo >

轴交叉

轴交叉

Chart origin can be moved to any point within chart area.

View Demo >

Multilevel Labels

Multilevel Labels

Add chart axis labels on multiple levels.

View Demo >


带线

Chart area can be customized with the help of strip lines. This is useful for visually representing the different regions within a chart range.

View Demo >

带线


Technical Indicators

Built-in support for RSI, 动力, Bollinger乐队, accumulation distribution, 教育津贴, SMA, 随机, ATR, MACD, TMA indicators.

View Demo >

Technical Indicators


趋势线

Render linear, exponential, logarithmic, power, polynomial, moving average trendlines.

View Demo >

趋势线


误差线

Error bars are used to plot possible errors or uncertainty in data points.

View Demo >

误差线


注释

Display metadata about the chart or series at specific points of interest in the plotting area.

View Demo >

注释


Highlight 和 Selection

Highlight 和 select a series or data point with patterns or colors. Data in multiple ranges can also be selected.

View Demo >


User Interaction

The end user experience is greatly enhanced by a set of included user interaction features such as:
Zooming 和 Panning , 十字 , Trackball , 向下钻取 , 事件Tooltip

变焦和锅 used to visualize the data in chart

变焦和锅

Zooming 和 panning are useful when visualizing large amounts of data.

View Demo >

十字 used to focus the data in chart

十字

十字 is used to inspect or focus on an individual data point.

View Demo >

Trackball

Trackball is used to track a data point closer to the current mouse position or touch contact point.

View Demo >

Tooltip for chart

Tooltip

Displays a pop-up with information when mouse is hovered over a data point.

View Demo >

Zooming 工具栏 in chart

Zooming 工具栏

Contains buttons for zoom in/out, reset, pan, etc.

数据编辑 in chart

数据编辑

Edit data points by dragging them with mouse 和 touch interactions.

View Demo >


Legend

Legends provide additional information helpful in identifying individual series in a chart.

放置

Legends can be placed at the left, 正确的, 前, or bottom of the chart area or they can be docked anywhere within the chart area.

View Demo >

定制

Legend icon, title, alignment can also be customized as required.

Chart sub heading - 定制


Data Labels 和 Markers

Data points can be easily annotated with labels to indicate their measure 和 dimension to help improve the readability of data. Data points can also be enhanced by adding markers or customizable symbols.

View Demo >

Data Labels 和 Markers

智能标签

Data labels are automatically arranged to avoid intersection when there are large amounts of data.

View Demo >


空点 in 图表

空点

Empty point values are elegantly h和led with several customizable options.

View Demo >

数据绑定 in 图表

数据绑定

Chart can be bound with local JSON data or data from the server.

View Demo >


Chart provides support for 本地化

本地化

All the text within the chart can be localized to any desired language.

View Demo >

Chart 外观

外观

There are several built-in themes available, including dark, light, gradient.

View Demo >

Chart 动画

动画

Chart series can be animated when rendering 和 refreshing the chart widget.

View Demo >

Chart provides support for 出口ing

出口

图表 can be exported to a 词 document, PDF文档, Excel文件, image formats such as SVG, PNG, JPEG in client 和 server side.

View Demo >

Chart provides support for printing

打印

The rendered chart control can be printed directly from the browser. One or more number of 图表 in a web page can be printed together.

View Demo >


75+ jQuery UI WIDGETS

Integrates with Top Frameworks

Built-in integration with the most popular third-party frameworks, like 角 2+, 反应.

Read independent,
authenticated reviews
在G2

立即下载 定价

What do our customers say about us?

双引号

We're using the file formats 和 Windows/JavaScript list controls a lot. They're fast, easy to use, the 文档 is good 和 contains examples. Tickets with questions or suggestions were answered within a day, so we're happy to use the Syncfusion libraries.
Daniel Persidok

Daniel Persidok

wpd onshore GmbH & Co. KG

双引号

Using Syncfusion 角 和 JavaScript controls makes front-end web development a piece of cake. Each component has many properties that can be configured as per your desire, methods that can be used to interact with the element, a lot of events that trigger at different stages, which makes modifying your components according to the state of the application an easy task. Also, their support is amazing! They always offer a sample working project, which makes it very simple to solve your question about your code.
Carlos Rodriguez Garcia

Carlos Rodriguez Garcia

Vistatec

Transform your applications today by downloading our free evaluation version Download 免费试用

Syncfusion jQuery 资源

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

向上箭头图标

警告图标 You are using an outdated version of Internet Explorer that may not display all features of this 和 other websites. Upgrade to Internet Explorer 8 or newer for a better experience.关闭图标

即时聊天图标 For mobile
友情链接: 1 2 3 4 5 6 7 8 9 10