title: How can I do this with fl_chart?
body: <p>How can I do this with fl_chart?</p>
  <p><strong>current view</strong></p>
  <p><a href="https://i.stack.imgur.com/qk1uZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qk1uZ.png" alt="enter image description here" /></a></p>
  <p><strong>what i want to do</strong></p>
  <p><a href="https://i.stack.imgur.com/vQ0W0.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vQ0W0.jpg" alt="enter image description here" /></a></p>
  <p>my codes..
  How should I revise my codes?
  I am using fl_chart for the first time.</p>
  <p>Value - Total Production - 100000 unit
  time taken for total production.</p>
  <pre><code>return LineChartData(
        lineTouchData: LineTouchData(enabled: false),
        gridData: FlGridData(show: false),
        borderData: FlBorderData(show: false),
        titlesData: FlTitlesData(
          show: true,
          bottomTitles: SideTitles(
            showTitles: true,
            reservedSize: 0,
            getTextStyles: (context, value) =&gt; const TextStyle(color: Color(0xff68737d), fontWeight: FontWeight.bold, fontSize: 16),
            getTitles: (value) {
              switch (value.toInt()) {
                case 1:
                  return 'ÜRETİM BANDI';
                case 2:
                  return 'GEÇEN SÜRE';
              }
              return '';
            },
            margin: 10,
            interval: 1,
          ),
          leftTitles: SideTitles(showTitles: false),
          topTitles: SideTitles(showTitles: false),
          rightTitles: SideTitles(showTitles: false),
        ),
        minX: 0,
        maxX: 2,
        minY: 0,
        maxY: 0,
        lineBarsData: [
          LineChartBarData(
            spots: const [
              FlSpot(0, 10),
              FlSpot(10, 20),
            ],
            isCurved: true,
            colors: [
              ColorTween(begin: gradientColors[0], end: gradientColors[1]).lerp(0.2)!,
              ColorTween(begin: gradientColors[0], end: gradientColors[1]).lerp(0.2)!,
            ],
            barWidth: 10,
            isStrokeCapRound: true,
            isStepLineChart: true,
            dotData: FlDotData(
              show: false,
            ),
            belowBarData: BarAreaData(show: false),
          ),
        ],
      );
  </code></pre>
  <p>thank you,</p>