JoeKuan's public fiddles
-
Chapter 3: Plotting Area with Scatter Chart (2)
Two series: area spline and scatter. Scatter points size are adjusted according to their percentages.
-
Chapter 3: Plotting Area with Scatter Chart (1)
Two series: area spline and scatter
-
Chapter 3: Plotting Chart with Missing Data (3)
Two areaspline series are stacked together. One of the series has missing data with ConnectNulls set to true.
-
Chapter 3: Plotting Chart with Missing Data (2)
Two areaspline series are stacked together. One of the series has missing data.
-
Chapter 3: Plotting Chart with Missing Data (1)
Two spline series. Both have missing (null) data. One with connectNull set to true, the other one set to false
-
Chapter 3: Stacked Area Chart (2)
Stacked two area spline series on top of each other. The third area spline is not stacked
-
Chapter 3: Stacked Area Chart (1)
Stacked two area spline series on top of each other
-
Chapter 3: Contrasting Spline with Step Line
Plotting area spline against step line series
-
Chapter 3: Simulating a Projection Chart (1)
Projection part only - (Dashed line)
-
Chapter 3: Simulating a Projection Chart (2)
Dashed line and area chart together
-
Chapter 3: Sketching an Area Chart (1)
An artistic style area chart with couple scatter point
-
Chapter 3: Extending to Multiple Series Line Charts (3)
Inverted multiple line series chart. Display marker on one of the series
-
Chapter 3: Extending to Multiple Series Line Charts (2)
Inverted multiple line series chart
-
Chapter 3: Extending to Multiple Series Line Charts (1)
thicken Japan line series
-
Chapter 3: Population Graph 65 and Over (3)
X axis year number using pointStart in series option. This can be fixed by overwriting labels.formatter function by just returning this.value
-
Chapter 3: Population Graph 65 and Over (2)
X axis year number using pointStart in series option. Problem: the point value is formatted with the numberFormat function
-
Chapter 3: Population Graph 65 and Over (1)
X axis year number represented by categories
-
Chapter 2: Extending to Multiple Axes (1)
Two market indices share the same axes
-
Chapter 2: Expanding Color with Gradients (3)
linear gradient in vertical direction with ratio values. Both background and 2 bars have linear gradient
-
Chapter 2: Extending to Multiple Axes (4)
4 different indices on 4 axes