Cosfire Logo
  • Charts Examples
  • Download
  • Documentation
  • Blog
  • Forum
  • My Account
Cosfire Logo
  • Introduction
  • Quick Start
    • Create Your First Chart
    • Learn The Chart Elements
    • Category Axis
    • Numeric Axis
    • Date-Time Axis
    • Number Formatting
    • Date-Time Formatting
  • Sample Charts
    •  Column
    •  Bar
    •  Line
    •  SpLine
    •  Area
    •  Spline Area
    •  StackedBar Chart
    •  StackedBar100 Chart
    •  StackedColumn Chart
    •  StackedColumn100 Chart
    •  Pie Chart
    •  Doughnut Chart
    •  Combination Chart
  • Chart References
    • Chart
      • Properties
        • animationEnabled
        • axesX
        • axesY
        • bevel
        • border
        • borderColor
        • background
        • cornerRadius
        • data
        • width
        • height
        • shadow
        • theme
        • titles
        • tooltip
        • horizontalHairlineEnabled
        • verticalHairlineEnabled
      • Methods
        • setData()
        • render()
        • update()
        • setProperty()
        • getProperty()
      • Events
        • mousedown
        • mouseup
        • mousein
        • mouseout
        • mousemove
    • Title
      • Properties
        • text
        • hAlign
        • vAlign
        • margin
        • background
        • fontSize
        • fontColor
        • fontStyle
        • fontFamily
        • fontWeight
      • Methods
        • setProperty()
        • getProperty()
      • Events
        • mousedown
        • mouseup
        • mousein
        • mouseout
        • mousemove
    • Axis
      • Properties
        • id
        • visible
        • axisType
        • scaleType
        • min
        • max
        • interval
        • intervalType
        • title
        • titleFont
        • labelFont
        • labelAngle
        • axisLineThickness
        • axisLineColor
        • tickEnabled
        • tickLength
        • tickThickness
        • tickColor
        • gridEnabled
        • gridOpacity
        • gridInterval
        • gridBackgroundColor
        • gridLineColor
        • gridInterlacedColor
        • gridLineThickness
        • gridLineStyle
        • valueFormat
        • valueFormatRange
        • valueFormatFunc
      • Methods
        • setProperty()
        • getProperty()
    • DataSeries
      • Properties
        • plotAs
        • points
        • axisYId
        • labelEnabled
        • label
        • labelFont
        • labelPosition
        • labelAngle
        • labelRotationPoint
        • lineWidth
        • lineStyle
        • color
        • borderWidth
        • borderColor
        • borderStyle
        • markerEnabled
        • marker
        • startAngle
        • innerRadius
        • showInLegend
        • showDataPointsInLegend
        • legendText
        • legendItem
        • xValueFormat
        • xValueFormatRange
        • xValueFormatFunction
        • yValueFormat
        • yValueFormatRange
        • yValueFormatFunction
        • zValueFormat
        • zValueFormatRange
        • zValueFormatFunction
        • tooltip Text
        • tooltipPointShape
        • tooltip PointShape
        • tooltipBackground
        • selected
      • Methods
        • setProperty()
        • getProperty()
      • Events
        • mouseup
        • mousedown
        • mousein
        • mouseout
        • mousemove
    • DataPoint
      • Properties
        • x
        • y
        • z
        • xLabel
        • labelEnabled
        • label
        • labelPosition
        • labelFont
        • color
        • borderWidth
        • borderColor
        • borderStyle
        • markerEnabled
        • marker
        • showInLegend
        • legendText
        • legendItem
        • xValueFormat
        • xValueFormatRange
        • xValueFormatFunction
        • yValueFormat
        • yValueFormatRange
        • yValueFormatFunction
        • zValueFormat
        • zValueFormatRange
        • zValueFormatFunction
        • tooltipText
        • tooltipPointShape
        • tooltipBackground
        • selected
        • isOpen
      • Methods
        • setProperty()
        • getProperty()
      • Events
        • mouseup
        • mousedown
        • mousein
        • mouseout
        • mousemove
    • Tooltip
      • Properties
        • sharing
        • tooltipPointShape
        • cssStyle
    • Legend
      • Properties
        • title
        • titleFont
        • background
        • borderWidth
        • borderColor
        • borderStyle
        • cornerRadius
        • legendItem
        • onClickVisibilityToggle
      • Methods
        • setProperty()
        • getProperty()
      • Events
        • mouseup
        • mousedown
        • mousein
        • mouseout
        • mousemove
    • LegendItem
      • Properties
        • borderWidth
        • borderColor
        • marker
        • background
        • font
    • Font
      • Properties
        • fontSize
        • fontColor
        • fontFamily
        • fontStyle
        • fontWeight
      • Methods
        • setProperty()
        • getProperty()
    • Marker
      • Properties
        • enable
        • type
        • size
        • color
        • borderColor
        • borderWidth
        • borderStyle
        • shadow
      • Methods
        • setProperty()
        • getProperty()
  1. Examples
Chart Examples
Cosfire chart examples
Column Chart
...
...
...
...
...
...
...
...
Bar Chart
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
Line Chart
...
...
...
...
...
...
...
...
...
...
...
...
Spline Chart
...
...
...
...
...
...
...
...
...
...
Area Chart
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
SplineArea Chart
...
...
...
...
StackedBar Chart
...
...
...
...
...
...
...
...
...
...
...
...
StackedBar100 Chart
...
...
...
...
...
...
...
...
...
StackedColumn Chart
...
...
...
...
...
...
...
...
...
...
...
...
StackedColumn100 Chart
...
...
...
...
...
...
...
...
Pie Chart
...
...
...
...
...
...
...
...
...
...
...
...
...
...
Doughnut Chart
...
...
...
...
...
...
...
...
...
...
...
...
Combination Chart
...
...
...
...
...
...
...
...
...
...
...


© Cosfire 2025
Quick Start
  • » Quick Start
  • » Category Axis
  • » Numeric Axis
  • » DateTime Axis
About
  • EULA
  • Privacy Policy
Contact
  • Cosfire Technologies, Bangalore,
    Karnataka, India.
    Email: sales@cosfire.com
We use cookies to improve your experience. By continuing, you agree to our cookie policy.