function draw(data) {
            if (data.type === 'bar') {
                if (data.value.y > 0) {
                    data.group.append(new Chartist.Svg('circle', {
                        cx: data.x2,
                        cy: data.y2,
                        r: 7
                    }, 'ct-slice-pie'));
                    data.y2 -= 7;
                }
            }

            if (data.type === 'point') {
                data.group.append(new Chartist.Svg('circle', {
                    cx: data.x,
                    cy: data.y,
                    r: 3
                }, 'ct-point-halo'), true);
            }
        }
// the custom class, 'ct-point-halo' can be used to style the outline
the custom class, 'ct-point-halo' can be used to style the outline
the custom class ' ct - point - halo ' can be used to style the outline
function draw(data) {
            if (data.type === 'bar') {
                if (data.value.y > 0) {
                    data.group.append(new Chartist.Svg('circle', {
                        cx: data.x2,
                        cy: data.y2,
                        r: 7
                    }, 'ct-slice-pie'));
                    data.y2 -= 7;
                }
            }
            if (data.type === 'point') {
                data.group.append(new Chartist.Svg('circle', {
                    cx: data.x,
                    cy: data.y,
                    r: 3
                }, 'ct-point-halo'), true);
            }
        }
function draw ( data ) { if ( data . type === 'bar' ) { if ( data . value . y > 0 ) { data . group . append ( new Chartist . Svg ( 'circle' , { cx : data . x2 , cy : data . y2 , r : 7 } , 'ct-slice-pie' ) ) ; data . y2 -= 7 ; } } if ( data . type === 'point' ) { data . group . append ( new Chartist . Svg ( 'circle' , { cx : data . x , cy : data . y , r : 3 } , 'ct-point-halo' ) , true ) ; } }
the custom class, 'ct-point-halo' can be used to style the outline
the custom class ' ct - point - halo ' can be used to style the outline