Заполните круг по группам в Amcharts - PullRequest
Новая
       14

Заполните круг по группам в Amcharts

0 голосов
/ 30 апреля 2020

У меня точечный график, и я хотел бы залить цвет кружков в соответствии с переменной, описывающей 2 группы. Затем я хотел бы добавить легенду, показывающую мои группы.

Моя переменная для групп - Télétravaillable.

Кто-нибудь знает, как это сделать?

Мой код ниже: 

var chart = am4core.create("chartdiv", am4charts.XYChart);

// Add data
chart.data = [
  {
    "isco": "Directeurs généraux, cadres supérieurs et membres de l'Exécutif et des corps législatifs",
    "Proximité physique": 47.96666667,
    "Exposition maladie": 12.3,
    "Télétravaillable": "[75-100]"
  },
  {
    "isco": "Directeurs de services administratifs et commerciaux",
    "Proximité physique": 45.38888889,
    "Exposition maladie": 10.85555556,
    "Télétravaillable": "[75-100]"
  },
  {
    "isco": "Directeurs et cadres de direction, production et services spécialisés",
    "Proximité physique": 49.91666667,
    "Exposition maladie": 14.32142857,
    "Télétravaillable": "[50-75]"
  },
  {
    "isco": "Directeurs et gérants de l'hôtellerie, la restauration, le commerce et autres services",
    "Proximité physique": 61.46666667,
    "Exposition maladie": 10.8,
    "Télétravaillable": "[50-75]"
  }
];

// Create axis X
var valueAxisX = chart.xAxes.push(new am4charts.ValueAxis());
valueAxisX.title.text = 'Proximité physique (0 = peu proche; 10 = très proche)';
valueAxisX.renderer.minGridDistance = 40;
valueAxisX.min = 0;
valueAxisX.max = 100;

// Create value axis Y
var valueAxisY = chart.yAxes.push(new am4charts.ValueAxis());
valueAxisY.title.text = 'Exposition à des maladies (0 = peu exposé; 100 = très exposé)';
valueAxisY.min = 0;
valueAxisY.max = 100;

// Create series
var series1 = chart.series.push(new am4charts.LineSeries());
series1.bullets.push(new am4charts.CircleBullet());
series1.strokeOpacity = 0;
series1.dataFields.valueX = "Proximité physique";
series1.dataFields.valueY = "Exposition maladie";
series1.name = "Series #1";
series1.tooltipText = "[bold]{isco} :[/]\nProximité physique : {valueX.value}\nExposition maladie : {valueY.value}";




// Exporting data
chart.exporting.menu = new am4core.ExportMenu();
...