# amCharts Export
Version: 1.1.3
## Description
This plugin adds export capabilities to all amCharts products - charts and maps.
It allows annotating and exporting chart or related data to various bitmap,
vector, document or data formats, such as PNG, JPG, PDF, SVG, JSON, XLSX and
many more.
## Important notice
Please note that due to security measures implemented in modern browsers, some
or all export options might not work if the web page is loaded locally (via
file:///) or contain images loaded from different host than the web page itself.
## Usage
### 1) Include the minified version of file of this plugin as well as the
bundled CSS file. I.e.:
```
<script src="amcharts/plugins/export/export.min.js"></script>
<link type="text/css" href="amcharts/plugins/export/export.css" rel="stylesheet">
```
Or if you'd rather use amCharts CDN:
```
<script src="//cdn.amcharts.com/lib/3/plugins/export/export.min.js"></script>
<link type="text/css" href="//cdn.amcharts.com/lib/3/plugins/export/export.css" rel="stylesheet">
```
(this needs to go after all the other amCharts includes)
### 2) Enable `export` with default options:
```
AmCharts.makeChart( "chartdiv", {
...,
"export": {
"enabled": true
}
} );
```
### ... OR set your own custom options:
```
AmCharts.makeChart( "chartdiv", {
...,
"export": {
"enabled": true,
"menu": [ {
"class": "export-main",
"menu": [ {
"label": "Download",
"menu": [ "PNG", "JPG", "CSV" ]
}, {
"label": "Annotate",
"action": "draw",
"menu": [ {
"class": "export-drawing",
"menu": [ "PNG", "JPG" ]
} ]
} ]
} ]
}
} );
```
## Loading external libraries needed for operation of this plugin
The plugin relies on a number of different libraries, to export images, draw
annotations or generate download files.
Those libraries need to be loaded for the plugin to work properly.
There are two ways to load them. Choose the one that is right:
### 1) Automatic (preferred)
All libraries required for plugin operation are included withing plugins */libs*
subdirectory.
If you want the plugin to load them on-demand (when it's needed for a certain
operation), make sure you've set the [`path`](http://docs.amcharts.com/3/javascriptcharts/AmSerialChart#path) property in your chart setup.
If you are using relative url, note that it is relative to the web page you are
displaying your chart on, not the export.js library.
In case you've moved the libs folder you need to tell the plugin where it is
`"libs": { "path": "../libs/" }`
### 2) Manual
You can also load all those JavaScript libraries by `<script>` tags. Since
loading of libraries is on by default you will need to turn it off by setting
`"libs": { "autoLoad": false }`
Here is a full list of the files that need to be loaded for each operation:
File | Located in | Required for
---- | ---------- | ------------
fabric.min.js | libs/fabric.js/ | Any export operation
FileSaver.js | libs/FileSaver.js/ | Used to offer download files
pdfmake.min.js | libs/pdfmake/ | Export to PDF format
vfs_fonts.js | libs/pdfmake/ | Export to PDF format
jszip.js | libs/jszip/ | Export to XLSX format
xlsx.js | libs/xlsx/ | Export to XLSX format
## Complete list of available export settings
Property | Default | Description
-------- | ------- | -----------
backgroundColor | #FFFFFF | RGB code of the color for the background of the exported image
enabled | true | Enables or disables export functionality
divId | | ID or a reference to div object in case you want the menu in a separate container.
fabric | {} | Overwrites the default drawing settings (fabricJS library)
fallback | {} | Holds the messages to guide the user to copy the generated output; `false` will disable the fallback feature
fileName | amCharts | A file name to use for generated export files (an extension will be appended to it based on the export format)
legend | {} | Places the legend in case it is within an external container
libs | | 3rd party required library settings (see the above section)
menu | [] | A list of menu or submenu items (see the next chapter for details)
pdfMake | {} | Overwrites the default settings for PDF export (pdfMake library)
position | top-right | A position of export icon. Possible values: "top-left", "top-right" (default), "bottom-left", "bottom-right"
removeImages | true | If true export checks for and removes "tainted" images that area lodead from different domains
## Configuring export menu
Plugin includes a way to completely control what is displayed on export menu.
You can set up menus, sub-menus, down to any level. You can even add custom
items there that execute your arbitrary code on click. It's so configurable
it makes us sick with power ;)
The top-level menu is configured via `menu` property under `export`. It should
always be an array, even if you have a single item in it.
The array items could be either objects or format codes. Objects will allow you
to specify labels, action, icon, child items and even custom code to be executed
on click.
Simple format codes will assume you need an export to that format.
### Simple menu setup
Here's a sample of the simple menu setup that allows export to PNG, JPG and CSV:
```
"export": {
"enabled": true,
"menu": [ {
"class": "export-main",
"menu": [ "PNG", "JPG", "CSV" ]
} ]
}
```
The above will display a menu out of three options when you hover on export
icon:
* PNG
* JPG
* CSV
When clicked the plugin will trigger export to a respective format.
If that is all you need, you're all set.
Please note that we have wrapped out menu into another menu item, so that only
the icon is displayed until we roll over the icon. This means that technically
we have a two-level hierarchical menu.
If we opmitted that first step, the chart would simply display a format list
right there on the chart.
### Advanced menu setup
However, you can do so much more with the menu.
Let's add more formats and organize image and data formats into separate
submenus.
To add a submenu to a menu item, simply add a `menu` array as its own property:
```
"export": {
"enabled": true,
"menu": [ {
"class": "export-main",
"menu": [ {
"label": "Download as image",
"menu": [ "PNG", "JPG", "SVG" ]
}, {
"label": "Download data",
"menu": [ "CSV", "XLSX" ]
} ]
} ]
}
```
Now we have a hierarchical menu with the following topology:
* Download as image
* PNG
* JPG
* SVG
* Download data
* CSV
* XLSX
We can mix "string" and "object" formats the way we see fit, i.e.:
```
"menu": [
"PNG",
{ "label": "JPEG",
"format": "JPG" },
"SVG"
]
```
The magic does not end here, though.
### Adding custom click events to menu items
Just like we set `label` and `format` properties for menu item, we can set
`click` as well.
This needs to be a function reference. I.e.:
```
"menu": [
"PNG",
{ "label": "JPEG",
"click": function () {
alert( "Clicked JPEG. Wow cool!" );
} },
"SVG"
]
```
### Menu item reviver
By passing the `menuReviver` callback you are to adapt or completely replace the
generated menu item before it gets appended to the list (`ul`).
It retrieves two arguments and it needs to return a valid DOM element.
```
"menuReviver": function(item,li) {
li.setAttribute("class","something special");
return li;
}
```
### Menu walker
In case you don't like our structure, go ahead and write your own recursive function
to create the menu by the given list configured through `menu`.
```
"menuWalker": function(list,container) {
// some magic to generate the nested lists using the given list
}
```
### Printing the chart
Adding menu item to print the chart or map is as easy as adding export ones. You
just use "PRINT" as `format`. I.e.:
```
"menu": [
"PNG",
"SVG",
"PRINT"
]
```
Or if you want to change the label:
```
"menu": [
"PNG",
"SVG",
{
没有合适的资源?快使用搜索试试~ 我知道了~
JAVA初学者论坛
共579个文件
html:115个
png:99个
js:72个
需积分: 16 6 下载量 141 浏览量
2017-11-29
13:49:52
上传
评论 1
收藏 4.36MB RAR 举报
温馨提示
自己写的java小论坛,比较简单,适合新手学习使用,,,,
资源推荐
资源详情
资源评论
收起资源包目录
JAVA初学者论坛 (579个子文件)
UserServlet.class 7KB
BoardDaoImpl.class 7KB
PersonDaoImpl.class 6KB
PostDaoImpl.class 6KB
PostDaoImpl4Out.class 5KB
UserDaoImpl.class 5KB
BoardServlet.class 4KB
Page.class 4KB
PersonServlet.class 4KB
BoardServiceImpl.class 4KB
PostServlet.class 4KB
PostServlet.class 4KB
PersonDaoTest.class 4KB
BaseServlet.class 3KB
ReplyDaoImpl.class 3KB
FastJsonUtil.class 3KB
CheckcodeServlet.class 3KB
Person.class 3KB
Post.class 3KB
PostServiceImpl.class 3KB
Reply.class 3KB
PostTest.class 3KB
MyRequest.class 3KB
BoardTest.class 3KB
DBUtil.class 3KB
BoardServlet.class 2KB
ReplyServlet.class 2KB
Board.class 2KB
UserServiceImpl.class 2KB
UploadUtils.class 2KB
AdminServlet.class 2KB
ReplyDaoImpl4Out.class 2KB
AdminLoginFilter.class 2KB
AdminDaoImpl.class 2KB
ReplyServiceImpl.class 2KB
AmcharServlet.class 2KB
ReplyTest.class 1KB
EncodingFilter.class 1KB
PersonServiceImpl.class 1KB
Admin.class 1KB
UUIDUtils.class 923B
AdminTest.class 860B
Regsiter_Time.class 842B
CookUtils.class 802B
PostService.class 789B
TestService.class 742B
TestDao.class 699B
AdminServiceImpl.class 637B
BoardDao.class 538B
Utilfuns.class 505B
BoardService.class 450B
PostDao.class 431B
PersonDao.class 402B
PersonService.class 393B
UserService.class 382B
ReplyService.class 285B
PostDao4Out.class 266B
ReplyDao.class 238B
UserDao.class 198B
AdminService.class 172B
AdminDao.class 160B
ReplyDao4Out.class 144B
.classpath 1KB
org.eclipse.wst.common.component 651B
org.eclipse.wst.jsdt.ui.superType.container 49B
bootstrap.min.css 136KB
export.css 35KB
TY.css 22KB
component.css 4KB
person.css 3KB
Manage.css 3KB
start.css 2KB
article_list.css 2KB
Style.css 2KB
style.css 478B
mydiv.css 378B
artitle_rey.css 365B
style.css 192B
style.css 192B
head.css 0B
MSFT.csv 180KB
TXN.csv 178KB
MSFT_events.csv 3KB
serial.csv 381B
pie.csv 131B
login_1.gif 19KB
welcome.gif 3KB
login_button.gif 2KB
3.gif 753B
0.gif 742B
2.gif 582B
1.gif 369B
start.gif 231B
dragIconBlack.gif 122B
dragIcon.gif 122B
dragIconHBlack.gif 111B
dragIconH.gif 111B
candleStickProMode.html 22KB
microCharts.html 15KB
_CSS_animations.html 15KB
共 579 条
- 1
- 2
- 3
- 4
- 5
- 6
资源评论
czrbijiben
- 粉丝: 0
- 资源: 9
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功