In the process of front-end development, often use to chart related things, many times, the chart in the display of data has an unparalleled advantage. Let's take a look at two commonly used diagrams related to plugins jscharts and Echarts. The former, the function is relatively single, but does not rely on any other plug-in, the latter feature rich, sometimes need to rely on some plug-ins, we can choose the appropriate plug-in to use as needed.Jscharts What is
Highcharts: Very beautiful charts with various examples ~, Highcharts chartOriginal article: Highcharts: Very beautiful charts with examples ~
Source code: http://www.zuidaima.com/share/1550463408622592.htm
Compatibility: compatible with all browsers today, including iPhone, IE, and Firefox. Free for individual users.
Use JS charts to draw charts (2) -- pie chart, jscharts
The above is a pie chart:
The Code is as follows:
Xml structure of the pie chart:
I forgot to upload the js file before ···
Http://yun.baidu.com/share/link? Consumer id = 648486741 uk = 3341728381There are some examples in the demo, but the
Create Beautiful charts in python
You may think that python is not suitable for graphic interface development. But python has a very beautiful icon module: pycha.
Isn't it good? Of course, this is only a small part of the chart, there are many other examples. Next let's take a look at how to install this module.
1. Install Pycairo
Because pycha depends on pycair
How Excel makes beautiful dynamic doughnut charts
The data are as follows:
Drawing steps:
First, insert a control button.
Development tool--insert--combo box.
How the development tool brings up: file--Options--Custom Ribbon--Main tab--development tool (tick).
After drawing, click the control right--set the control format.
When you set a control, the number of lin
Preface
Use js to display charts in the browser. See Series 1.Comparison of technologies for drawing SVG, VML, and HTML5 canvas on the Web end
The number of JS libraries for Web charts is large:
Name
Brief Introduce
Browser support
Site URL
Comments
$ FX ()
1. lig
As above is a pie chart:The code is as follows:About XML constructs for pie graphs:Forgot to upload the js file before ...http://yun.baidu.com/share/link?shareid=648486741uk=3341728381Demo There are some examples, but the inside of the JS is not supported in Chinese, used in the outside of JS Copyright NOTICE: This article for Bo Master original article, without
exploration--new idea of resource renewalMillionAmerican Literature ReviewPetya ransomware virus vaccine appears, minutes to make the computer immune to the virusPoly Security PlatformFive essentials to increase application availabilityBlog ViewpointIs it "willingly" for the farmers to work overtime? They're all "forced."Harps pipa4 ways to identify USB device names in LinuxBa Ji LeiThe father of Linux: Nokia should choose Android PlatformKnow who the sameAndroid app developer must see 9 TipsSo
Use the Chart. js chart library to create a beautiful Response Form and Chart. js chart library form
Basics
Chart. js is an open-source HTML5-based Chart library that allows you to easily and easily draw beautiful charts.
Main fea
JS achieves beautiful window drag effects (can change the size, maximize, minimize, close), js window
The example in this article describes how JS achieves beautiful window drag effects. Share it with you for your reference. The details are as follows:
This is a
Based on dropdown. js, two levels of navigation menus with beautiful atmosphere are available: dropdown. js
This article describes two levels of navigation menus Based on dropdown. js. Share it with you for your reference. The details are as follows:
1. Blue navigation menu
The running effect is as follows:
The Online
Js simple and beautiful prompt box, js
Copyright Disclaimer: This article is an original article by the blogger and cannot be reproduced without the permission of the blogger.
Packets surround us. Although search engines and other applications prefer text-based representation of data, it is found that visualization is easier to understand. At the beginning of this year, SitePoint published Aurelio's article "Chart. js Introduction". After in-depth study of Chart. js functions, this article will explain some of the highlights of this introduction.
Basics
Chart.
This article mainly introduces how to implement the beautiful search box Effect of YouKu in js. It is very practical to use javascript to combine mouse events and page styles to achieve beautiful search box effects, if you need it, refer to the example in this article to describe how js achieves the
received a design requirements, asked Xmyanke on the right side of the site to hang a pop-up window advertising the recent activities, looking for a half-day did not see the right, I tinker with a line of JS popup code can design a beautiful pop-window ads, to see, Welcome to make comments, JS Pop-window AD code as follows:Document.writeln ("Add the above code to
The example of this article tells JS to achieve beautiful window drag and drop effect. Share to everyone for your reference. Specifically as follows:
This is a beautiful JS window drag-and-drop effect (change size/minimize/maximize/restore/close)
Characteristics:
① window can be dragged;The ② window can change size
The example of this article tells the JS to achieve beautiful light blue sliding door effect. Share to everyone for your reference. Specifically as follows:
This beautiful light blue sliding door code, feel very good oh.
The screenshot of the running effect is as follows:
The online demo address is as follows:
http://demo.jb51.net/
loaded correctly all Resources.ready (function);Subscribe for a determinate event$$ (". Tapquo"). On ("tap", function);//Trigger Custom event$$ (". Quojs"). Trigger (" Loaded ");//Loaded Page$$.ready (function () {alert (" Quojs rulz! ");});Gesture EventsAlthough the browser only supports touch events you have a lot of event quojs and gestures to help you make a usable project.Tap event, Common Event.tap (function),//long tap event (650 miliseconds). hold (function);//a Tap-delay event to combi
Gitbook is a command-line tool (node. JS Library) that we can borrow to make beautiful books using Github/git and markdown, but it's not a tutorial on git.Supports multiple formats for outputGitbook supports the output of multiple document formats, such as:
Static site: Gitbook The default output of this format, the resulting static site can be directly hosted on the GitHub pages service;
PDF:
Provides a variety of official and user-released code examples. For code reference, you are welcome to exchange and learn Chart. js is a simple, object-oriented tool library for drawing charts for designers and developers.
6 chart types
Chart. js helps you visualize your data in different ways. Each type of chart has an animated effect and looks great, even
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.