{"_id":"@cubicl/ember-highcharts","_rev":"3-a7a8367adfb9ecc17d5455b96f82f533","name":"@cubicl/ember-highcharts","description":"A Highcharts, HighStock and HighMaps component for ember-cli","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@cubicl/ember-highcharts","version":"1.0.0","description":"A Highcharts, HighStock and HighMaps component for ember-cli","keywords":["ember-addon","highcharts","ember-highcharts","charts"],"license":"MIT","author":"","directories":{"doc":"doc","test":"tests"},"repository":{"type":"git","url":"git+https://github.com/CubiclDev/ember-highcharts.git"},"scripts":{"build":"ember build","start":"ember server","test":"ember try:each"},"dependencies":{"bower":"^1.8.2","broccoli-funnel":"^2.0.1","broccoli-merge-trees":"^2.0.0","ember-cli-babel":"^6.3.0","ember-cli-htmlbars":"^2.0.1"},"devDependencies":{"broccoli-asset-rev":"^2.4.5","ember-cli":"2.16.2","ember-cli-app-version":"^3.1.0","ember-cli-dependency-checker":"^2.0.1","ember-cli-eslint":"^4.2.1","ember-cli-htmlbars-inline-precompile":"^1.0.2","ember-cli-inject-live-reload":"^1.4.1","ember-cli-qunit":"^4.0.1","ember-cli-shims":"^1.0.2","ember-cli-sri":"^2.1.0","ember-cli-uglify":"^2.0.0","ember-disable-prototype-extensions":"^1.1.2","ember-export-application-global":"^2.0.0","ember-load-initializers":"^1.0.0","ember-resolver":"^4.5.0","ember-source":"~2.14.1","eslint-plugin-ember-suave":"^1.0.0","highcharts":"^6.0.1","loader.js":"^4.2.3"},"engines":{"node":"^4.5 || 6.* || >= 7.*"},"ember-addon":{"configPath":"tests/dummy/config"},"gitHead":"a65b6af7af235dbb8677e1861662d648e0b30f73","bugs":{"url":"https://github.com/CubiclDev/ember-highcharts/issues"},"homepage":"https://github.com/CubiclDev/ember-highcharts#readme","_id":"@cubicl/ember-highcharts@1.0.0","_npmVersion":"5.5.1","_nodeVersion":"8.6.0","_npmUser":{"name":"mariusrumpf","email":"marius@mariusrumpf.de"},"dist":{"integrity":"sha512-7PENY5O3r/DVkZhxt+UAAQwlAnPd0jlbTaJo70V2PiDhD0JdQ4dm15vkerKWt1gdeH/F3MH3R+FaChL0YZVPYA==","shasum":"4c785026e5bc45486735793d69a8c8c041bdc995","tarball":"https://registry.npmjs.org/@cubicl/ember-highcharts/-/ember-highcharts-1.0.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBbgfPwfntkcB3WcFe7D4WpoQAxjAlrhYa6beo2xns3qAiEAyALR6s7Et8g47ij9BZHblljiIxnG0A31+tQktXoM7fI="}]},"maintainers":[{"name":"mariusrumpf","email":"marius@mariusrumpf.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ember-highcharts-1.0.0.tgz_1508321993866_0.5008729477412999"}},"1.0.1":{"name":"@cubicl/ember-highcharts","version":"1.0.1","description":"A Highcharts, HighStock and HighMaps component for ember-cli","keywords":["ember-addon","highcharts","ember-highcharts","charts"],"license":"MIT","author":"","directories":{"doc":"doc","test":"tests"},"repository":{"type":"git","url":"git+https://github.com/CubiclDev/ember-highcharts.git"},"scripts":{"build":"ember build","start":"ember server","test":"ember try:each"},"dependencies":{"broccoli-funnel":"^2.0.1","broccoli-merge-trees":"^2.0.0","ember-cli-babel":"^6.3.0","ember-cli-htmlbars":"^2.0.1","highcharts":"^6.0.1"},"devDependencies":{"broccoli-asset-rev":"^2.4.5","ember-cli":"2.16.2","ember-cli-app-version":"^3.1.0","ember-cli-dependency-checker":"^2.0.1","ember-cli-eslint":"^4.2.1","ember-cli-htmlbars-inline-precompile":"^1.0.2","ember-cli-inject-live-reload":"^1.4.1","ember-cli-qunit":"^4.0.1","ember-cli-shims":"^1.0.2","ember-cli-sri":"^2.1.0","ember-cli-uglify":"^2.0.0","ember-disable-prototype-extensions":"^1.1.2","ember-export-application-global":"^2.0.0","ember-load-initializers":"^1.0.0","ember-resolver":"^4.5.0","ember-source":"~2.14.1","eslint-plugin-ember-suave":"^1.0.0","loader.js":"^4.2.3"},"engines":{"node":"^4.5 || 6.* || >= 7.*"},"ember-addon":{"configPath":"tests/dummy/config"},"gitHead":"4334d6b2b03c1685196d5a275391e0c211c4f6e1","bugs":{"url":"https://github.com/CubiclDev/ember-highcharts/issues"},"homepage":"https://github.com/CubiclDev/ember-highcharts#readme","_id":"@cubicl/ember-highcharts@1.0.1","_npmVersion":"5.5.1","_nodeVersion":"8.6.0","_npmUser":{"name":"mariusrumpf","email":"marius@mariusrumpf.de"},"dist":{"integrity":"sha512-5WYRwYW12sC5wfEh4vjOwpd9jaDiW2AGTpwAAmZhPmENtse6MVSijobbvcEmFDABYEZAeqSQyaN9OYM38gi5Ow==","shasum":"7f6419dce2b16b40e159223685fe3da4a8efc083","tarball":"https://registry.npmjs.org/@cubicl/ember-highcharts/-/ember-highcharts-1.0.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCunU56N8zAHj9Buwq46L2yhVWuyVdknLywgYYxTSs/dAIhALyz0Y0t485sSCoM7uuOkt+z4bq150Kv36XX3oEVOy0v"}]},"maintainers":[{"name":"mariusrumpf","email":"marius@mariusrumpf.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ember-highcharts-1.0.1.tgz_1508333039268_0.9600443567615002"}},"1.0.2":{"name":"@cubicl/ember-highcharts","version":"1.0.2","description":"A Highcharts, HighStock and HighMaps component for ember-cli","keywords":["ember-addon","highcharts","ember-highcharts","charts"],"license":"MIT","author":"","directories":{"doc":"doc","test":"tests"},"repository":{"type":"git","url":"git+https://github.com/CubiclDev/ember-highcharts.git"},"scripts":{"build":"ember build","start":"ember server","test":"ember try:each"},"dependencies":{"broccoli-funnel":"^2.0.1","broccoli-merge-trees":"^2.0.0","ember-cli-babel":"^6.10.0","ember-cli-htmlbars":"^2.0.1","highcharts":"^6.0.3"},"devDependencies":{"broccoli-asset-rev":"^2.4.5","ember-cli":"2.17.1","ember-cli-dependency-checker":"^2.1.0","ember-cli-eslint":"^4.2.3","ember-cli-htmlbars-inline-precompile":"^1.0.2","ember-cli-inject-live-reload":"^1.4.1","ember-cli-qunit":"^4.1.1","ember-cli-shims":"^1.2.0","ember-cli-sri":"^2.1.0","ember-cli-uglify":"^2.0.0","ember-export-application-global":"^2.0.0","ember-load-initializers":"^1.0.0","ember-resolver":"^4.5.0","ember-source":"~2.17.0","eslint-plugin-ember":"^5.0.0","loader.js":"^4.2.3"},"engines":{"node":"^4.5 || 6.* || >= 7.*"},"ember-addon":{"configPath":"tests/dummy/config"},"gitHead":"61079d7b763a0c8c5bc7e64ce88431db4703ec6c","bugs":{"url":"https://github.com/CubiclDev/ember-highcharts/issues"},"homepage":"https://github.com/CubiclDev/ember-highcharts#readme","_id":"@cubicl/ember-highcharts@1.0.2","_npmVersion":"5.5.1","_nodeVersion":"8.9.3","_npmUser":{"name":"mariusrumpf","email":"marius@mariusrumpf.de"},"dist":{"integrity":"sha512-UTiXPnSfgRTcuhv4T6acouDefswV6+U2mYPIUhAvwqzjhDESR50LlUlco6HD6KXVtG8ohLAYQGHCyBs2uhuaRA==","shasum":"40be6a714ca30a3ea4ff9d05a8d5165cbc9c9a36","tarball":"https://registry.npmjs.org/@cubicl/ember-highcharts/-/ember-highcharts-1.0.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGzFSIGnqtCZTxYoLZrMHIiTE5j94iX+vOL9InawGaY0AiEAmPNWXxA1NpSTz8o4sZa4DNbcN0naKSVpI4/msCnVZj0="}]},"maintainers":[{"name":"mariusrumpf","email":"marius@mariusrumpf.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ember-highcharts-1.0.2.tgz_1513260663467_0.928957007592544"}}},"readme":"[![Build Status](https://travis-ci.org/CubiclDev/ember-highcharts.svg?branch=master)](https://travis-ci.org/CubiclDev/ember-highcharts)\n\n# Ember-highcharts\n\nA [Highcharts](http://www.highcharts.com/products/highcharts), [Highstock](http://www.highcharts.com/products/highstock),\nand [Highmaps](http://www.highcharts.com/products/highmaps) component for [Ember CLI](http://www.ember-cli.com/).\n\n\n## Requirements\n\n* Ember CLI\n* Ember >= 2.12.0\n\n## Installation\n\n```\nnpm install @cubicl/ember-highcharts\n```\n\n\n## Usage\n\nThis component takes in four arguments:\n\n```handlebars\n{{high-charts mode=mode chartOptions=chartOptions content=content theme=theme}}\n```\n### mode\n\nThe `mode` argument is optional and it determines whether to use Highcharts, Highstock, or Highmaps.\nThe possible values are:\n\n| Value          | Description                 |\n| -------------- | --------------------------- |\n| falsy value    | defaults to Highcharts mode |\n| \"StockChart\"   | uses Highstock mode         |\n| \"Map\"          | uses Highmaps mode          |\n\n### chartOptions\n\nThe `chartOptions` argument is a generic object for setting different options with Highcharts/Highstock/Highmaps.\nUse this option to set things like the chart title and axis settings.\n\n### content\n\nThe `content` argument matches up with the `series` option in the Highcharts/Highstock/Highmaps API.\nUse this option to set the series data for your chart.\n\n### theme\n\nThe `theme` argument is optional and it allows you to pass in a\n[Highcharts theme](http://www.highcharts.com/docs/chart-design-and-style/themes).\n\n### Example Bar Chart\n\nHere's an example of how to create a basic bar chart:\n\n```js\n// controller\nimport Ember from 'ember';\nimport defaultTheme from '../themes/default-theme';\n\nexport default Ember.Controller.extend({\n\n  chartOptions: {\n    chart: {\n      type: 'bar'\n    },\n    title: {\n      text: 'Fruit Consumption'\n    },\n    xAxis: {\n      categories: ['Apples', 'Bananas', 'Oranges']\n    },\n    yAxis: {\n      title: {\n        text: 'Fruit eaten'\n      }\n    }\n  },\n\n  chartData: [{\n    name: 'Jane',\n    data: [1, 0, 4]\n  }, {\n    name: 'John',\n    data: [5, 7, 3]\n  }],\n\n  theme: defaultTheme\n\n});\n```\n\n```handlebars\n{{high-charts chartOptions=chartOptions content=chartData theme=theme}}\n```\n\nCheck out more chart examples in the [tests/dummy app](tests/dummy/app) in this repo.\n\n\n## Configuration\n\nThis addon will load Highcharts by default. Highcharts has many optional features like Highstock and Highmaps.\nYou can add the `emberHighCharts` option to your `ember-cli-build.js` file to load these optional features:\n\n```js\n// all possible options\nvar app = new EmberApp({\n  emberHighCharts: {\n    includeHighCharts: false,\n    includeHighStock: true,\n    includeHighMaps: false,\n    includeHighChartsMore: true,\n    includeHighCharts3D: true,\n    includeModules: ['map', 'broken-axis', 'heatmap', ... ]\n    /* available modules:\n      accessibility, annotations, boost-canvas, boost, broken-axis, bullet,\n      canvas-tools, data, drag-panes, drilldown, export-data, exporting, funnel,\n      gantt, grid-axis, heatmap, histogram-bellcurve, item-series, map,\n      no-data-to-display, offline-exporting, oldie, overlapping-datalabels,\n      parallel-coordinates, parento, sankey, series-label, solid-gauge, static-scale,\n      stock, streamgraph, sunburst, tilemap, treemap, variable-pie, variwide, vector,\n      windbarb, wordcloud, xrange-series, xrange\n    */\n  }\n});\n```\n\n### Highstock\n\nHighcharts is already included in Highstock, so it is not necessary to load both.\nUsing the following configuration to load Highstock:\n\n```js\nvar app = new EmberApp({\n  emberHighCharts: {\n    includeHighCharts: false,\n    includeHighStock: true\n  }\n});\n```\n\n\n### Highmaps\n\nHighcharts is not included in Highmaps. If you only need to use Highmaps use the following configuration:\n\n```js\nvar app = new EmberApp({\n  emberHighCharts: {\n    includeHighCharts: false,\n    includeHighMaps: true\n  }\n});\n```\n\nIf you need to use Highmaps and Highcharts then use the following configuration:\n\n```js\nvar app = new EmberApp({\n  emberHighCharts: {\n    includeHighCharts: true,\n    includeModules: ['map']\n  }\n});\n```\n\n\n### Global Highcharts Config Options\n\nEmber-highcharts provides its own set of default configurations in `addon/utils/option-loader.js`.\nAt runtime you can optionally configure custom styles by providing a `app/highcharts-configs/application.js` file.\nThis file should provide a hook that returns the final configuration.\n\n```js\n// app/highcharts-configs/application.js\n\nexport default function(defaultOptions) {\n  defaultOptions.credits.href = 'http://www.my-great-chart.com';\n  defaultOptions.credits.text = 'great charts made cheap';\n  defaultOptions.credits.enabled = true;\n\n  return defaultOptions;\n}\n```\n\n### Generating Chart Components\n\nEmber-highcharts also provides blueprints to easily create sub-classes of the default high-charts component.\n\n```bash\nember generate chart <chart-name>\n```\n\n### Obtaining a Reference to the Chart Instance\n\nThe `chart` instance is exposed to the yielded content if used in block form:\n\n```handlebars\n{{#high-charts mode=mode chartOptions=chartOptions content=content theme=theme as |chart|}}\n  {{my-custom-legend chart=chart}}\n{{/high-charts}}\n```\n\n_where `my-custom-legend` is an example component that may wish to access the `chart` instance_.\n\n### Overriding Chart Redrawing\n\nThis addon observes changes to chartData and redraws the chart using the highcharts\n[Series.setData](http://api.highcharts.com/highcharts#Series.setData) method. You can extend this\ncomponent to handle advanced redrawing use cases like dynamically updating labels and titles\n(ex: [Chart.setTitle()](http://api.highcharts.com/highcharts#Chart.setTitle)).\n\n```js\n// components/dynamic-high-charts.js\nimport Ember from 'ember';\nimport EmberHighChartsComponent from 'ember-highcharts/components/high-charts';\n\nexport default EmberHighChartsComponent.extend({\n\n  contentDidChange: Ember.observer('content.@each.isLoaded', function() {\n    // add redraw logic here. ex:\n    var chart = this.get('chart');\n    var seriesName = this.get('content')[0].name;\n    chart.series[0].update({ name: seriesName, data: this.get('content')[0].data }, false);\n    chart.setTitle(null, { text: seriesName }, false);\n    chart.redraw();\n  })\n\n});\n```\n\n```handlebars\n{{dynamic-high-charts mode=chartMode content=chartData chartOptions=chartOptions theme=theme}}\n```\n\n\n## Contributing\n\nSee [contributing guidelines](CONTRIBUTING.md).\n\n\n## Changelog\n\nSee [CHANGELOG.md](CHANGELOG.md).\n\n\n## Licensing\n\nHighcharts has its own seperate [licensing agreement](https://shop.highsoft.com/highcharts).\n\nThe ember-highcharts addon is released under the MIT license.\n\n## Credit\n\nThis add-on is built based on [ahmadsoe/ember-highcharts](https://github.com/ember-highcharts)\n","maintainers":[{"name":"mariusrumpf","email":"marius@mariusrumpf.de"}],"time":{"modified":"2022-04-05T02:10:00.956Z","created":"2017-10-18T10:19:55.106Z","1.0.0":"2017-10-18T10:19:55.106Z","1.0.1":"2017-10-18T13:24:00.511Z","1.0.2":"2017-12-14T14:11:05.114Z"},"homepage":"https://github.com/CubiclDev/ember-highcharts#readme","keywords":["ember-addon","highcharts","ember-highcharts","charts"],"repository":{"type":"git","url":"git+https://github.com/CubiclDev/ember-highcharts.git"},"bugs":{"url":"https://github.com/CubiclDev/ember-highcharts/issues"},"license":"MIT","readmeFilename":"README.md"}