4.10.39 • Published 1 year ago

@amcharts/amcharts4-ember v4.10.39

Weekly downloads
1,396
License
SEE LICENSE IN LI...
Repository
github
Last release
1 year ago

@amcharts/amcharts4-ember

Ember add-on for AmCharts 4

Installation

ember install @amcharts/amcharts4-ember

Usage

Add the amcharts4.files array to your EmberApp:

let app = new EmberApp(defaults, {
  amcharts4: {
    files: [

    ]
  }
});

Then inside of the files you should include the various files that you will be using (if you forget to include a file, you will get a runtime error telling you exactly which file you need to add):

let app = new EmberApp(defaults, {
  amcharts4: {
    files: [
      "charts",
      "themes/animated"
    ]
  }
});

Make sure that your template contains a <div> element for the chart:

<div id="chartdiv" style="width: 100%; height: 500px;"></div>

Lastly, import and use V4 like normal (make sure to use the didInsertElement and willDestroyElement methods):

import Component from "@ember/component";
import * as am4core from "@amcharts/amcharts4/core";
import * as am4charts from "@amcharts/amcharts4/charts";
import am4themes_animated from "@amcharts/amcharts4/themes/animated";

am4core.useTheme(am4themes_animated);

export default Component.extend({
  init() {
    this._super(...arguments);
    this.chart = null;
  },

  didInsertElement() {
    this._super(...arguments);

    let chart = am4core.create("chartdiv", am4charts.XYChart);
    chart.paddingRight = 20;

    let data = [];
    let visits = 10;
    for (let i = 1; i < 366; i++) {
      visits += Math.round((Math.random() < 0.5 ? 1 : -1) * Math.random() * 10);
      data.push({ date: new Date(2018, 0, i), name: "name" + i, value: visits });
    }

    chart.data = data;

    let dateAxis = chart.xAxes.push(new am4charts.DateAxis());
    dateAxis.renderer.grid.template.location = 0;

    let valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
    valueAxis.tooltip.disabled = true;
    valueAxis.renderer.minWidth = 35;

    let series = chart.series.push(new am4charts.LineSeries());
    series.dataFields.dateX = "date";
    series.dataFields.valueY = "value";

    series.tooltipText = "{valueY.value}";
    chart.cursor = new am4charts.XYCursor();

    let scrollbarX = new am4charts.XYChartScrollbar();
    scrollbarX.series.push(series);
    chart.scrollbarX = scrollbarX;

    this.chart = chart;
  },

  willDestroyElement() {
    if (this.chart) {
      this.chart.dispose();
    }
    this._super(...arguments);
  }
});
4.10.39

1 year ago

4.10.37

2 years ago

4.10.38

2 years ago

4.10.36

2 years ago

4.10.34

2 years ago

4.10.35

2 years ago

4.10.33

3 years ago

4.10.32

3 years ago

4.10.30

3 years ago

4.10.31

3 years ago

4.10.29

3 years ago

4.10.27

3 years ago

4.10.28

3 years ago

4.10.26

3 years ago

4.10.25

3 years ago

4.10.24

3 years ago

4.10.23

4 years ago

4.10.22

4 years ago

4.10.21

4 years ago

4.10.20

4 years ago

4.10.19

4 years ago

4.10.18

4 years ago

4.10.17

4 years ago

4.10.16

4 years ago

4.10.15

4 years ago

4.10.14

4 years ago

4.10.13

5 years ago

4.10.12

5 years ago

4.10.11

5 years ago

4.10.10

5 years ago

4.10.9

5 years ago

4.10.8

5 years ago

4.10.7

5 years ago

4.10.6

5 years ago

4.10.5

5 years ago

4.10.4

5 years ago

4.10.3

5 years ago

4.10.2

5 years ago

4.10.1

5 years ago

4.10.0

5 years ago

4.9.37

5 years ago

4.9.36

5 years ago

4.9.35

5 years ago

4.9.34

5 years ago

4.9.33

5 years ago

4.9.31

5 years ago

4.9.30

5 years ago

4.9.29

5 years ago

4.9.28

5 years ago

4.9.27

5 years ago

4.9.26

5 years ago

4.9.25

5 years ago

4.9.24

5 years ago

4.9.23

5 years ago

4.9.22

5 years ago

4.9.21

5 years ago

4.9.20

5 years ago

4.9.18

5 years ago

4.9.17

5 years ago

4.9.16

5 years ago

4.9.13

5 years ago

4.9.15

5 years ago

4.9.14

5 years ago

4.9.12

5 years ago

4.9.11

5 years ago

4.9.10

5 years ago

4.9.9

5 years ago

4.9.8

5 years ago

4.9.7

5 years ago

4.9.6

5 years ago

4.9.5

5 years ago

4.9.4

5 years ago

4.9.3

5 years ago

4.9.2

5 years ago

4.9.1

5 years ago

4.9.0

5 years ago

4.8.9

5 years ago

4.8.8

5 years ago

4.8.7

5 years ago

4.8.6

5 years ago

4.8.5

5 years ago

4.8.4

5 years ago

4.8.3

5 years ago

4.8.2

5 years ago

4.8.1

5 years ago

4.8.0

5 years ago

4.7.21

6 years ago

4.7.20

6 years ago

4.7.19

6 years ago

4.7.18

6 years ago

4.7.17

6 years ago

4.7.16

6 years ago

4.7.15

6 years ago

4.7.14

6 years ago

4.7.13

6 years ago

4.7.12

6 years ago

4.7.11

6 years ago

4.7.10

6 years ago

4.7.9

6 years ago

4.7.8

6 years ago

4.7.7

6 years ago

4.7.6

6 years ago

4.7.5

6 years ago

4.7.4

6 years ago

4.7.3

6 years ago

4.7.2

6 years ago

4.7.1

6 years ago

4.7.0

6 years ago

4.6.9

6 years ago

4.6.8

6 years ago

4.6.7

6 years ago

4.6.5

6 years ago

4.6.4

6 years ago

4.6.3

6 years ago

4.6.2

6 years ago

4.6.1

6 years ago

4.6.0

6 years ago

4.5.16

6 years ago

4.5.15

6 years ago

4.5.14

6 years ago

4.5.13

6 years ago

4.5.12

6 years ago

4.5.11

6 years ago

4.5.10

6 years ago

4.5.9

6 years ago

4.5.8

6 years ago

4.5.7

6 years ago

4.5.6

6 years ago

4.5.5

6 years ago

4.5.4

6 years ago

4.5.3

6 years ago

4.5.2

6 years ago

4.5.1

6 years ago

4.5.0

6 years ago

4.4.10

6 years ago

4.4.9

6 years ago

4.4.8

6 years ago

4.4.7

6 years ago

4.4.6

6 years ago

4.4.5

6 years ago

4.4.4

6 years ago

4.4.3

6 years ago

4.4.2

6 years ago

4.4.1

6 years ago

4.4.0

6 years ago

4.3.15

6 years ago

4.3.14

6 years ago

4.3.13

6 years ago

4.3.12

6 years ago

4.3.11

6 years ago

4.3.10

6 years ago

4.3.9

6 years ago

4.3.8

6 years ago

4.3.7

6 years ago

4.3.6

6 years ago

4.3.5

6 years ago

4.3.4

6 years ago

4.3.3

6 years ago

4.3.2

6 years ago

4.3.1

6 years ago

4.3.0

6 years ago

4.2.6

6 years ago

4.2.5

6 years ago

4.2.4

6 years ago

4.2.3

6 years ago

4.2.2

6 years ago

4.2.1

6 years ago

4.2.0

6 years ago

4.1.14

6 years ago

4.1.13

6 years ago

4.1.12

6 years ago

4.1.11

6 years ago

4.1.10

6 years ago

4.1.9

6 years ago

4.1.8

6 years ago

4.1.7

6 years ago

4.1.6

6 years ago

4.1.5

6 years ago

4.1.4

6 years ago

4.1.3

6 years ago

4.1.2

6 years ago

4.1.1

6 years ago

4.1.0

6 years ago

4.0.24

6 years ago

4.0.23

6 years ago

4.0.22

6 years ago

4.0.21

7 years ago

4.0.20

7 years ago

4.0.19

7 years ago

4.0.18

7 years ago

4.0.17

7 years ago

4.0.16

7 years ago

4.0.15

7 years ago

4.0.14

7 years ago

4.0.13

7 years ago

4.0.12

7 years ago

4.0.11

7 years ago

4.0.10

7 years ago

4.0.9

7 years ago

4.0.8

7 years ago

4.0.7

7 years ago

4.0.6

7 years ago

4.0.5

7 years ago

4.0.4

7 years ago

4.0.3

7 years ago

4.0.2

7 years ago

4.0.1

7 years ago

4.0.0

7 years ago

4.0.0-beta.87

7 years ago

4.0.0-beta.86

7 years ago

4.0.0-beta.85

7 years ago

4.0.0-beta.84

7 years ago

4.0.0-beta.83

7 years ago

4.0.0-beta.82

7 years ago

4.0.0-beta.81

7 years ago

4.0.0-beta.80

7 years ago

4.0.0-beta.79

7 years ago

4.0.0-beta.78

7 years ago

4.0.0-beta.77

7 years ago

4.0.0-beta.76

7 years ago

4.0.0-beta.75

7 years ago

4.0.0-beta.74

7 years ago

4.0.0-beta.73

7 years ago

4.0.0-beta.72

7 years ago

4.0.0-beta.71

7 years ago

4.0.0-beta.70

7 years ago

4.0.0-beta.69

7 years ago

4.0.0-beta.68

7 years ago

4.0.0-beta.67

7 years ago

4.0.0-beta.66

7 years ago

4.0.0-beta.65

7 years ago

4.0.0-beta.64

7 years ago

4.0.0-beta.63

7 years ago

4.0.0-beta.62

7 years ago

4.0.0-beta.61

7 years ago

4.0.0-beta.60

7 years ago

4.0.0-beta.59

7 years ago

4.0.0-beta.58

7 years ago

4.0.0-beta.57

7 years ago

4.0.0-beta.56

7 years ago

4.0.0-beta.55

7 years ago

4.0.0-beta.54

7 years ago

4.0.0-beta.53

7 years ago

4.0.0-beta.52

7 years ago

4.0.0-beta.51

7 years ago

4.0.0-beta.49

7 years ago

4.0.0-beta.48

7 years ago

4.0.0-beta.47

7 years ago

4.0.0-beta.46

7 years ago

4.0.0-beta.45

7 years ago

4.0.0-beta.44

7 years ago

4.0.0-beta.43

7 years ago

4.0.0-beta.42

7 years ago

4.0.0-beta.41

7 years ago

4.0.0-beta.40

7 years ago

4.0.0-beta.39

7 years ago

4.0.0-beta.38

7 years ago

4.0.0-beta.37

7 years ago

4.0.0-beta.36

7 years ago

4.0.0-beta.35

7 years ago

4.0.0-beta.34

7 years ago

4.0.0-beta.33

7 years ago

4.0.0-beta.32

7 years ago

4.0.0-beta.31

7 years ago

4.0.0-beta.30

7 years ago

4.0.0-beta.29

7 years ago

4.0.0-beta.28

7 years ago

4.0.0-beta.27

7 years ago

4.0.0-beta.26

7 years ago

4.0.0-beta.25

7 years ago

4.0.0-beta.24

7 years ago

4.0.0-beta.23

7 years ago

4.0.0-beta.22

7 years ago

4.0.0-beta.21

7 years ago

4.0.0-beta.20

7 years ago

4.0.0-beta.18

7 years ago

4.0.0-beta.17

7 years ago

4.0.0-beta.16

7 years ago

4.0.0-beta.14

7 years ago

4.0.0-beta.13

7 years ago

4.0.0-beta.12

7 years ago

4.0.0-beta.11

7 years ago

4.0.0-beta.10

7 years ago

4.0.0-beta.9

7 years ago

0.1.0

7 years ago