如何减少顶点图中折线图的线条粗细

Question

我在角度项目中使用 Apex 图表，我在那里实现了时间序列图表，但无法减少折线图中的“线条粗细”。

这是我的配置。

  public initChartData(): void {
  this.series =  this.response_data['data']
  this.chart = {
    type: "area",
    stacked: true,
    height: 350,
    zoom: {
      type: "x",
      enabled: true,
      autoScaleYaxis: false
    },

    toolbar: {
      autoSelected: "zoom",
      show: true,
      tools: {
      zoomin: false,
      zoomout: false,
    }
    },

  },

  this.dataLabels = {
    enabled: false
  };
  this.markers = {
    size: 0
  };
  this.stroke ={
    width: 1,
    curve: 'smooth',
  },

  this.fill = {
    type: "gradient",
    gradient: {
      shadeIntensity: 1,
      opacityFrom: 0.7,
      opacityTo: 0.9,
      stops: [0, 90, 100]
    },
    pattern: {
      strokeWidth: 0.5
    }
  };
  this.yaxis = {
    labels: {
      formatter: function(val) {
        return (val / 1).toFixed(0);
      }
    }
  };
  this.xaxis = {
    type: "datetime"
  };
  this.tooltip = {
    shared: false,
    y: {
      formatter: function(val) {
        return (val / 1).toFixed(0);
      }
    }
  };
}

谁能帮我解决这个代码，我也尝试过其他方法，但没有成功。

Answer 1

您需要更改线条的笔划，使其更粗或更细。

尝试更改笔划对象的宽度以查看其变化。

this.lines ={ width: 0.5, // 使其成为当前或默认厚度的一半。曲线：'平滑'，}

请参阅链接以获取更多信息：https://apexcharts.com/docs/options/中风/