import 'package:flutter/material.dart';
import 'package:trading_view_flutter/trading_view_flutter.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: const Text('TradingView 示例')),
        body: const TradingViewExample(),
      ),
    );
  }
}

class TradingViewExample extends StatelessWidget {
  const TradingViewExample({super.key});

  @override
  Widget build(BuildContext context) {
    final tradingData = TradingViewData(
      id: 0,
      symbol: 'SZSE:002594',              // 股票代码
      autosize: true,                     // 自动调整大小
      interval: TradingViewInterval.day,  // 日线图
      timezone: 'Asia/Shanghai',          // 上海时区
      theme: TradingViewTheme.light,      // 明亮主题
      style: '1',                         // 图表样式
      locale: 'zh',                       // 中文界面
      hideTopToolbar: true,               // 隐藏顶部工具栏
      allowSymbolChange: false,           // 禁止切换品种
      saveImage: false,                   // 禁用保存图片
      showCalendar: true,                 // 显示日历
      hideVolume: false,                  // 显示成交量
      showDrawingToolBar: true,           // 显示绘图工具栏
      chartRegion: ChartRegion.china,     // 中国区域配色
    );

    return TradingViewWidget(
      width: MediaQuery.of(context).size.width,
      height: 400,
      data: tradingData,
    );
  }
}

import 'package:flutter/material.dart';
import 'package:trading_view_flutter/trading_view_flutter.dart';

class LightChartExample extends StatelessWidget {
  const LightChartExample({super.key});

  @override
  Widget build(BuildContext context) {
    // 准备K线数据
    final List<TradingViewChartData> chartData = [
      TradingViewChartData(
        open: 100.0,
        high: 105.0,
        low: 95.0,
        close: 102.0,
        time: DateTime(2024, 1, 1),
      ),
      TradingViewChartData(
        open: 102.0,
        high: 108.0,
        low: 100.0,
        close: 106.0,
        time: DateTime(2024, 1, 2),
      ),
      // 更多数据...
    ];

    final tradingData = TradingViewData(
      symbol: 'BTCUSDT',
      isLightWeightChart: true,              // 启用轻量级图表
      chartValue: chartData,                 // 传入K线数据
      tradingViewChartType: TradingViewChartType.candlestick, // K线图类型
      theme: TradingViewTheme.dark,          // 暗色主题
      chartRegion: ChartRegion.global,       // 全球区域配色
    );

    return TradingViewLightChart(
      width: MediaQuery.of(context).size.width,
      height: 300,
      data: tradingData,
    );
  }
}

TradingViewData({
  this.id,
  required this.symbol,
  this.autosize = true,
  this.interval = TradingViewInterval.day,
  this.timezone = 'Asia/Shanghai',
  this.theme = TradingViewTheme.light,
  this.style = '1',
  this.locale = 'zh',
  this.hideTopToolbar = false,
  this.allowSymbolChange = true,
  this.saveImage = false,
  this.showCalendar = false,
  this.hideVolume = false,
  this.showDrawingToolBar = false,
  this.showComprehennsiveDetails = false,
  this.supportHost = Constant.tradingViewUrl,
  this.isLightWeightChart = false,
  this.chartRegion = ChartRegion.china,
  this.tradingViewChartType = TradingViewChartType.candlestick,
  this.chartValue,
}) : assert(symbol.isNotEmpty, 'symbol 不能为空');

class TradingViewChartData {
  final double open;     // 开盘价
  final double high;     // 最高价
  final double low;      // 最低价
  final double close;    // 收盘价
  final DateTime time;   // 时间戳

  TradingViewChartData({
    required this.open,
    required this.high,
    required this.low,
    required this.close,
    required this.time,
  });
}

class TradingViewInterval {
  static const oneMin = '1';        // 1分钟
  static const threeMin = '3';      // 3分钟
  static const fiveMin = '5';       // 5分钟
  static const tenMin = '10';       // 10分钟
  static const fifteenMin = '15';   // 15分钟
  static const thirtyMin = '30';    // 30分钟
  static const onehour = '60';      // 1小时
  static const twohour = '120';     // 2小时
  static const threeHour = '180';   // 3小时
  static const fourhour = '240';    // 4小时
  static const day = 'D';           // 日线
  static const week = 'W';          // 周线
  static const month = 'M';         // 月线
}

enum TradingViewTheme { light, dark }

enum TradingLocale { chinese, english }

// 扩展方法，用于获取本地化字符串
extension TradingLocaleExtension on TradingLocale {
  String toLocaleString() {
    switch (this) {
      case TradingLocale.chinese:
        return "zh_CN";
      case TradingLocale.english:
        return "en_US";
    }
  }
}

enum ChartRegion { global, china }

enum TradingViewChartType { area, bar, baseline, candlestick, line }

class TradingViewWidget extends StatefulWidget {
  final double width;          // 图表宽度（逻辑像素）
  final double height;         // 图表高度（逻辑像素）
  final TradingViewData data;  // 图表配置数据

  TradingViewWidget({
    super.key,
    this.width = 1200,
    this.height = 600,
    required this.data,
  });
}

class TradingViewLightChart extends StatefulWidget {
  final double width;          // 图表宽度
  final double height;         // 图表高度
  final TradingViewData data;  // 图表配置数据

  TradingViewLightChart({
    super.key,
    this.width = 1200,
    this.height = 600,
    required this.data,
  });
}

extension DateTimeFormat on DateTime {
  String get toYYYYMMDD => DateFormat('yyyy-MM-dd').format(this);
}

class Constant {
  static const String tradingViewUrl = "https://www.tradingview.com";
  static const String tradingDefaultViewWidgetUrl =
      "https://s3.tradingview.com/external-embedding/embed-widget-symbol-profile.js";
  static const String tradingLightChartWidgetUrl =
      "https://unpkg.com/[email protected]/dist/lightweight-charts.standalone.production.js";
}