projects (some has been already mentioned here):Pure JavaScript Libraries
Vis.js supports many types of network/edge graphs, plus timelines and 2d/3d charts. Auto-layout, auto-clustering, springy physics engine, mobile-friendly, keyboard navigation, hierarchical layout, Animation etc. MIT licensed and developed by a Dutch firm specializing in the on self-organizing networks.
Cytoscape.js-interactive graph analysis and
column, the first figure.Plt.plot (y[:,0],'b', label="1st") Plt.plot (y[:,0],'ro') Plt.grid (True) Plt.axis ('Tight') Plt.xlabel ("Index") Plt.ylabel ('Values of 1st') Plt.title ("This is a double axis label") plt.legend (Loc=0) Plt.subplot ( 212) #determine the position of the first diagramPlt.plot (y[:,1],'g', label="2st") Plt.plot (y[:,1],'r*') Plt.ylabel ("Values of 2st") plt.legend (Loc=0) plt.show ()5. Draw two different graphs in two layers (straight-line cubic chart)ImportMat
varMyChart = Echarts.init (document.getElementById ("Container"));//To set up related items, that is, the so-called lap skeleton, easy to wait Ajax asynchronous data filling
varoption = {title: {text:' name Age Distribution chart '}, tooltip: {show:true}, Legend: {data: [' age ']}, Xaxis: [{data:names}], YAxis: [{ Type:' value '}], series: [{"Name":"Age","Type":"Bar","Data": Ages}]};//Assign a configuration item to the chart object to display the relevant datamychart.setoption (
Because the project needs to intend to do the original game of things, migrate to angular JS above, but found to be familiar with the use of it will take some time, the old frame is the existing jquery+json+highcharts+ajax.
The data format is shown in JSON as follows:
{
title: "From Android",
Led:true,
temperature:24, more
: "June 23, 2013 14:24:31",
humidity:142,
Smoke:8,
infrared:false,
tel:false,
msg:false
}
Highcharts
Highcharts is a pure Jav
This article describes the method of jquery to achieve multiple-screen multi-graph focus map switching effects. Share to everyone for your reference. The implementation method is as follows:
Jquery.kinmaxshow-1.1.min.js Click here to download the site.
I hope this article will help you with your jquery programming.
JQuery implements Multi-Level Relational Graph code for people with a gradient effect, and jquery gradually displays
This article provides an example of the multi-level relationship between jQuery and people with a gradient effect. Share it with you for your reference. The details are as follows:
Here we will demonstra
A complete example of self-adaptive focus graph implemented by jQuery, jquery self-adaptive
This article describes the adaptive focus graph implemented by jQuery. We will share this with you for your reference. The details are as follows:
The running effect is as follows:
T
Zoom in and zoom in on jQuery images, switch the focus graph in full screen mode, and change jquery size
The jQuery-Based Image zoom-in and zoom-in switching code is a full-screen banner image carousel switching effect. As follows:
Download Online Preview source code
Implementation code.
Html code:
Via: http://www.w2
Jquery scroll focus graph banner image, the mouse goes through the display of the top and bottom pages, suitable for the demonstration of pages with relatively large width and height, interested friends can refer to jquery scroll focus graph banner image left and right, move the mouse over the top and bottom pages
Suit
In this article, we will share with you the special banner focus graph effect of the imitation Cheetah browser created by using jQuery combined with CSS3. the code is very simple, the effect is great, and it is compatible with all major browsers. we recommend it to you here, for more information, see. JQuery combines CSS 3 animation attributes to create a wide-sc
This article illustrates the simplest effect of jquery's switching graph. Share to everyone for your reference, specific as follows:
The Operation effect chart is as follows:
More interested readers of jquery-related content can view this site: "jquery switching effects and tips summary", "jquery exten
The examples in this article describe the jquery Carousel graph effect. Share to everyone for your reference, specific as follows:
The Operation effect chart is as follows:
More interested readers of jquery-related content can view the site topics: "jquery Extended Tips," "
The example in this article describes the Kinslideshow usage of the jquery Focus Graph Carousel Plug-in. Share to everyone for your reference, specific as follows:
More interested readers of jquery-related content can view the site's topics: A summary of Ajax usage in jquery, a summary of
This paper illustrates the effect of the adaptive focus graph implemented by jquery. Share to everyone for your reference, specific as follows:
The screenshot of the running effect is as follows:
The specific code is as follows:
More interested readers of jquery-related content can view this site: "jquery
This example describes the jquery Focus graph Carousel Effect code. Share to everyone for your reference. Specifically as follows:JQuery Cxslide Implementation of the three multi-functional atmosphere Focus map Carousel Effect source code, is a section of three different styles and effects of the focus chart Carousel code, of which two of the most interesting, one is in the focus of the picture is divided i
It provides you with a superb horizontal columnar voting statistics graph jQuery code for free, using the dynamic voting Effect of jquery plug-in instances.
It provides you with a superb horizontal columnar voting statistics graph jquery code for free, using the dynamic voti
, extract the background data transferred to the page, based on the progress of the data changes. You can set the initial value in the JS script's o_status to make progress changes.650) this.width=650; "src=" http://files.jb51.net/do/uploads/litimg/141108/125U4364209.jpg "style=" margin:0px; padding:0px;border:0px; "/>Online DemoSOURCE download10.HTML5/CSS3 Custom Floating Select stunning drop-down menuToday we are going to share a custom Select drop-down menu with HTML5/CSS3 suspension, which c
transferred to the page, based on the progress of the data changes. You can set the initial value in the JS script's o_status to make progress changes.Online DemoSOURCE download10.HTML5/CSS3 Custom Floating Select stunning drop-down menuToday we are going to share a custom Select drop-down menu with HTML5/CSS3 suspension, which can be floated on a Web page with the CSS3 feature and has a shadow effect, while the drop-down box will pop up with a two-level menu in the form of a floating shaking e
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.