Function updateChart

examples/candlestick/main.ts:138–166

()

  const borderWidthInput = document.getElementById('border-width') as HTMLInputElement | null;

  const updateChart = () => {
    const style = styleSelect?.value === 'hollow' ? 'hollow' : 'classic';
    const upColor = upColorInput?.value ?? '#26a69a';
    const downColor = downColorInput?.value ?? '#ef5350';
    const borderWidth = borderWidthInput ? parseFloat(borderWidthInput.value) : 1;

    const series0 = currentOptions.series?.[0];
    if (!series0 || series0.type !== 'candlestick') return;

    currentOptions = {
      ...currentOptions,
      series: [
        {
          ...series0,
          data: ohlcData,
          style,
          itemStyle: {
            ...series0.itemStyle,
            upColor,
            downColor,
            upBorderColor: upColor,
            downBorderColor: downColor,
            borderWidth,
          },
        },
      ],
    };
    chart.setOption(currentOptions);
  };

  styleSelect?.addEventListener('change', updateChart);
  upColorInput?.addEventListener('input', updateChart);