Skip to content

Advanced options

Charts in the Standard module have a great number of options that you can use to have a better visual and performance experience. These options can be configured using the set() function with the advancedOptions property as shown in the example bellow.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
myChart.set('advancedOptions', {
    series: [{
        label: {
            show: true,
            fontSize: 14,
            color: 'red',
            position: 'outside'
        },
        emphasis: {
            scale: true
        },
        selectedMode: 'single',
        startAngle: 130,
        clockwise: false,
        cursor: 'auto',
        silent: false,
        roseType: false
    }],
    textStyle: {
        fontStyle: 'normal',
        fontFamily: 'monospace',
        textBorderColor: 'black'
    }
})

As you can see in previous code, the object value must have a group of properties which you can find in the options section of the Echarts documentation.

The following interactive demo illustrates how to use ChartFactor to configure the previous properties in a Pie chart. Use the configuration panel to change those properties and see the visual effect. You can also explore its full code on its demo page.