chart

defines settings for the Pivot chart

Example

webix.ui({
    view: "pivot",
    structure: {
        rows: ["form", "name"],
        columns: ["year"],
        values: [{ name: "oil", operation: ["max", "sum"] }],
    },
    chart: {
        type: "line",
        scale: "logarithmic",
        legend: {
            align: "right",
            valign: "middle"
        },
        xAxis: {
            lines: false
        },
        markers: "diamond"
    },
    // config 
});

Related samples

The chart object defines settings for the chart in the chart mode. Inside this object you can provide any setting valid for the Chart widget. Here are some of the settings::

• type (string) - chart type
• scale (string) - chart scale
• legend (object) - chart legend. Additional settings for the legend position are legend.align ("left", "center", "right") and legend.valign ("top", "middle", "bottom").
• scaleColor (string) - scale colors. Can be a hex code or a color name ("#999999", or "grey")
• lines (boolean) - only for the Radar type. If false, the lines for the axes are not shown. true by default. For other types use the following settings:
  • xAxis.lines (boolean) - if false, the X axis lines are not shown
  • yAxis.lines (boolean) - if false, the Y axis lines are not shown
• 3D (boolean) - sets 3D chart (pie and donut charts only)
• tooltips (boolean) - if false, the tooltips are not shown
• labels (boolean) - if false, the labels are not shown
• markers (string) - the marker type. Possible options are:
  • "square"
  • "triangle"
  • "diamond"
  • "round"
• fill (boolean) - only for the Radar type. If false, the chart area is not filled with color.

Back to top