Incubator-echarts: How can I highlight some data?

Created on 15 Oct 2015  ·  1Comment  ·  Source: apache/incubator-echarts

Hi!

Let's say I have some data in a bar chart: [10,20,25,26,30]

Is it possible, to highlight data "26" after the chart has been renderer? For example I click on a button "highlight" and then the bar of data 26 gets a red border around the bar?

thanks a lot guys!!

>All comments

oh, yes! try this:

series: [{
    name: '2011年',
    type: 'bar',
    data: [18203, 23489, 29034, 104970, 131744, 630230],
    itemStyle: {
        normal: {},
        //highlight
        emphasis: {
            barBorderColor: 'red',
            barBorderWidth: 1
        }

    }
}]

Also, see here: http://echarts.baidu.com/doc/doc.html#ItemStyle

this is not click, the click event will more complex

Was this page helpful?
0 / 5 - 0 ratings