Ось значения не уменьшается в Амчартах 4 - PullRequest
Новая
       24

Ось значения не уменьшается в Амчартах 4

0 голосов
/ 21 марта 2020

Это Amcharts 4. Я работаю над графиком, в котором всего две серии. «Серия 1» имеет значения в диапазоне от одной до десятков, а «Серия 2» - в диапазоне миллионов, поэтому ось значений (ось Y) изначально имеет действительно высокие значения.

Когда я отключен "Серия 2 ", нажав на Legend Toggle, он исчезает, но другой не там, где его можно увидеть, а ось Value не опускается до уровня Series 1. 

/**
 * ---------------------------------------
 * This demo was created using amCharts 4.
 *
 * For more information visit:
 * https://www.amcharts.com/
 *
 * Documentation is available at:
 * https://www.amcharts.com/docs/v4/
 * ---------------------------------------
 */

am4core.useTheme(am4themes_animated);

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

// Add data
chart.data = [{
  "date": new Date(2018, 0, 1),
  "value1": 1,
  "value2": 90000000
}, {
  "date": new Date(2018, 0, 2),
  "value1": 2,
  "value2": 10000000
}, {
  "date": new Date(2018, 0, 3),
  "value1": 3,
  "value2": 80000000
}, {
  "date": new Date(2018, 0, 4),
  "value1": 4,
  "value2": 85000000
}, {
  "date": new Date(2018, 0, 5),
  "value1": 5,
  "value2": 34000000
}, {
  "date": new Date(2018, 0, 6),
  "value1": 6,
  "value2": 12000000
}, {
  "date": new Date(2018, 0, 7),
  "value1": 7,
  "value2": 20000000
}];

// Create axes
var dateAxis = chart.xAxes.push(new am4charts.DateAxis());
dateAxis.renderer.grid.template.location = 0;

var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());

// Create series
function createSeries(field, name) {
  var series = chart.series.push(new am4charts.LineSeries());
  series.dataFields.valueY = field;
  series.dataFields.dateX = "date";
  series.name = name;
  series.tooltipText = "{dateX}: [b]{valueY}[/]";
  series.strokeWidth = 2;
  
  return series;
}

var series1 = createSeries("value1", "Series #1");
var series2 = createSeries("value2", "Series #2");

chart.legend = new am4charts.Legend();
chart.cursor = new am4charts.XYCursor();
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

#chartdiv {
  width: 100%;
  height: 350px;
}
<script src="//www.amcharts.com/lib/4/core.js"></script>
<script src="//www.amcharts.com/lib/4/charts.js"></script>
<script src="//www.amcharts.com/lib/4/themes/animated.js"></script>
<div id="chartdiv"></div>

Как сделать другие серии видимыми? как заставить ось значений (ось Y) спуститься до уровня других серий.

...