way2web-highcharts
Advanced tools
Comparing version 1.0.3 to 1.0.4
@@ -9,11 +9,13 @@ /** | ||
*/ | ||
var Chart = (function(element, config) { | ||
window.Chart = (function(element, config) { | ||
'use strict'; | ||
var version = '1.0.4'; | ||
var highchart; | ||
var settings = { | ||
id: null, | ||
url: null, | ||
chart: null, | ||
id: null, | ||
url: null, | ||
chart: null, | ||
series: null, | ||
@@ -24,7 +26,7 @@ titles: {} | ||
var attributes = { | ||
url: 'chart-url', | ||
url: 'chart-url', | ||
xAxisTitle: 'chart-xaxis-title', | ||
yAxisTitle: 'chart-yaxis-title', | ||
zAxisTitle: 'chart-zaxis-title', | ||
preset: 'chart-preset' | ||
preset: 'chart-preset' | ||
}; | ||
@@ -131,7 +133,8 @@ | ||
settings: settings, | ||
add: functions.addChart, | ||
filter: functions.filterChart, | ||
update: functions.updateChart, | ||
init: functions.init | ||
add: functions.addChart, | ||
filter: functions.filterChart, | ||
update: functions.updateChart, | ||
init: functions.init, | ||
version: version | ||
}; | ||
}); |
{ | ||
"name": "way2web-highcharts", | ||
"version": "1.0.3", | ||
"version": "1.0.4", | ||
"description": "Add highcharts to the page with ajax.", | ||
@@ -23,5 +23,29 @@ "files": [ | ||
"homepage": "https://bitbucket.org/way2dev/highcharts/overview#readme", | ||
"dependencies": { | ||
"devDependencies": { | ||
"autoprefixer": "6.7.2", | ||
"babel-preset-es2015": "6.22.0", | ||
"babel-register": "6.22.0", | ||
"browser-sync": "2.18.7", | ||
"del": "2.2.2", | ||
"gulp": "gulpjs/gulp#4.0", | ||
"gulp-autoprefixer": "3.1.1", | ||
"gulp-concat": "2.6.1", | ||
"gulp-data": "1.2.1", | ||
"gulp-eslint": "3.0.1", | ||
"gulp-modernizr": "1.0.0-alpha", | ||
"gulp-rev": "7.1.2", | ||
"gulp-sass": "3.1.0", | ||
"gulp-sourcemaps": "2.4.1", | ||
"gulp-stylelint": "3.7.0", | ||
"gulp-uglify": "2.0.1", | ||
"merge-stream": "1.0.1", | ||
"node-notifier": "5.1.2", | ||
"parse-filepath": "1.0.1", | ||
"postcss-reporter": "1.3.3", | ||
"postcss-urlrewrite": "0.2.1", | ||
"rev-del": "1.0.5" | ||
}, | ||
"dependencies": { | ||
"highcharts": "5.0.7" | ||
} | ||
} |
# Chart | ||
Add highcharts to the page with ajax. | ||
Way2Web | ||
## Add highcharts to the page with ajax. | ||
To connect the highchart, you have to set the class `js-chart` and an `id`. | ||
To connect the chart settings, you can bind on the id of the div. (e.g. `js-charts-line`) | ||
In the `Charts.config` you can set all the settings for the chart. | ||
You can also set the ajax url in the `data-chart-url` | ||
The JSON contain the data and the name. | ||
The labels for the x, y and z axis can also set by the data attributes (e.g. `data-chart-xaxis-title`) | ||
Other information must be set in the config. | ||
See also the example files in the test folder. | ||
Example of a custom event. | ||
``` | ||
Charts.loaded = 0; | ||
... | ||
chart: { | ||
events: { | ||
load: function() { | ||
Charts.loaded++ | ||
if(Charts.loaded == Object.keys(Charts.items).length) { | ||
... | ||
} | ||
} | ||
} | ||
} | ||
``` | ||
You can use all these event types: | ||
* addSeries | ||
* afterPrint | ||
* beforePrint | ||
* click | ||
* drilldown | ||
* drillup | ||
* drillupall | ||
* load | ||
* redraw | ||
* render | ||
* selection | ||
http://api.highcharts.com/highcharts/chart.events |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
41007
118
50
22