🎯 SithasoApex Component - Complete Demo

Vanilla JavaScript web component for beautiful, responsive charts

📈 1. Simple Line Chart

Code 
<sithaso-apex
  id="simple-line-chart"
  type="line"
  title="Website Traffic"
  x-axis-title="Days"
  y-axis-title="Visitors"
  categories='["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]'
  data='[{"name": "Daily Visitors", "data": [1200, 1350, 1180, 1420, 1680, 1890, 2100], "color": "#008FFB"}]'
  height="350px"
></sithaso-apex>

📈 2. Simple Line Chart (Rotated XAxis Labels)

📈 3. Line Chart (Mutliple Series)

📈 4. Straight Line Chart

📈 5. Straight Line Chart

📈 6. Step Line Chart

📈 7. Dashed Line Chart

📈 8. Realtime Line Chart

📈 9. Line Chart with Annotations

📊 10. Column Chart

📈 11. Column Chart Grouped

🥧 12. Pie Chart

🍩 13. Donut Chart

📊 14. Basic Area Chart

🌊 15. Spline Area Chart

📉 16. Area Chart with Negative Values

📚 17. Stacked Area Chart

📍 19. Scatter Plot with Axis Titles

🎯 20. Radial Bar

🏏 21. Radial Bar

🏏 22. Radial Bar

📊 23. Horizontal Bar Chart

📈 24. Horizontal Bar Grouped

📡 25. Radar Chart

📡 25a. Radar Chart - Multi Series

🌐 26. Polar Area Chart

🔧 Dynamic Options Demo

Click the buttons below to dynamically update chart options using the setter: