Easel based charts - movabletype/Documentation GitHub Wiki

In the IE8, this type cannot be used because IE8 does not support Canvas.

easel.bar

The width of the bar chart is not able to specify because it is fit the size of the canvas automatically. It will be changed by the number of data-sets.

Typical configuration

barColors

The color of the bar of chart. By default, chartColors will be use.

barColorsAlpha

The transparency of the bar chart.

barMargin

The margin between the bar and bar.

easel.motionLine

The line chart is displayed in the animation.

lineColors

The color of the line of chart. By default, chartColors will be use.

lineColorsAlpha

The transparency of the line chart.

drawPointer

If "true" is specified, the circular pointer will be displaying to the each vertex.

pointerColors

The color of the circular pointer. By default, chartColors will be use.

pointerColorsAlpha

The transparency of the circular pointer.

easel.mix

In easel.mix, you can draw in the same Canvas by a combination of chart types. (Currently, only motionLine and bar) The setting of each chart will be specified in the "mix" settings.

type: easel.mix,
data: graphData,
yLength: 2,
mix: [{
    type: "bar",
    yLength: 1
  }, {
    type: "motionLine",
    yLength: 1,
    lineWidth: 8
}]