图表之间的ApexChart距离

时间:2020-06-07 10:26:53

标签: javascript php apexcharts

我正在制作一个用于计算各种文档的TF-IDF的应用程序。它计算每个单词的平均值,最大值和指定URL的值。

我的问题是,在某些情况下,值之间的距离非常短(例如在第一列中)。

Chart

我不知道是否有任何数学函数可以增加变量之间的距离或在图形中进行配置,从而使线条更加分离。

我正在使用ApexChart

var options = {
      series: [{
      name: 'TF-IDF Media',
      type: 'column',
      data: {{$valorMed}}
    }, {
      name: 'TF-IDF Max',
      type: 'area',
      data: {{$valorMax}}
    }, {
      name: 'TF-IDF Usuario',
      type: 'line',
      data: {{$valorUsuario}}
    }],
      chart: {
      height: 1000,
      type: 'line',
      stacked: false,
    },
    stroke: {
      width: 3,
      curve: 'smooth'
    },
    plotOptions: {
      bar: {
        columnWidth: '50%'
      }
    },

    fill: {
      opacity: [0.85, 0.25, 1],
      gradient: {
        inverseColors: false,
        shade: 'light',
        type: "vertical",
        opacityFrom: 0.85,
        opacityTo: 0.55,
        stops: [0, 100, 100, 100]
      }
    },
    labels: {!! $literales !!},
    markers: {
      size: 0
    },
    xaxis: {
      type: 'string'
    },
    yaxis: {
      title: {
        text: 'TF-IDF',
      },
      reversed: false,
    },
    tooltip: {
      shared: true,
      intersect: false,
      y: {}
      }
    }
    };

    var chart = new ApexCharts(document.querySelector("#chart"), options);
    chart.render();

0 个答案:

没有答案