如何在 amCharts 中為 lineSeries 設置 startLocation？

Question

我將 amCharts 用於我的大學期末項目。 我同時使用列系列和線系列來在同一圖表上顯示數據。 但是，我需要將行系列向左移動，而不是向列移動。

在當前情況下，它看起來像這樣：兩條線系列都從 X 軸的第一個實例的中間開始。

它需要是這樣的：兩個系列都從最左邊開始。

在 xAxis 上設置 setLocation 也會向左移動列。 我只需要將線系列移到最左邊。

let xAxis = chart.xAxes.push(new am4charts.CategoryAxis());
xAxis.dataFields.category = 'category';
xAxis.renderer.cellStartLocation = 0.1;
xAxis.renderer.cellEndLocation = 0.9;
xAxis.renderer.grid.template.location = 0;
xAxis.renderer.labels.template.fontSize = 10;
xAxis.startLocation = -5;

這是 LineSeries 的代碼塊：

function createLineSeries(value, name, color, dasharray){
  let series = chart.series.push(new am4charts.LineSeries());
  series.dataFields.valueY = value;
  series.dataFields.categoryX = 'category';
  series.name = name;
  series.tensionX = 0.8;
  series.tensionY = 1;
  series.strokeWidth = 3;
  
  
  if (dasharray) {
    series.strokeDasharray = dasharray;
  }

  if(color) {
    series.stroke = am4core.color(color); 
  }

  series.events.on('hidden', arrangeColumns);
  series.events.on('shown', arrangeColumns);

  
}

這是 jsfiddle 的鏈接： https ://jsfiddle.net/liquidcharcoal/7wn1qgrj/

Answer 1

這里的解釋非常清楚，對我有用： https : //www.amcharts.com/docs/v4/concepts/axes/positioning-axis-elements/#Controlling_axis_and_cell_lengths

簡而言之，設置：

xAxis.startLocation = 0.5;
xAxis.endLocation = 0.5;