Hi. I created two jsfiddle examples.
1. Using callback function https://jsfiddle.net/pissang/Lf8s6uy1/1/ 2. Using visualMap component. https://jsfiddle.net/pissang/Ltewpb8z/1/ On Tue, Nov 5, 2019 at 3:12 PM Yi Shen <shenyi....@gmail.com> wrote: > Hi, > > 1. For callback function. > > itemStyle: { > color: function (params) { > return params.value[1] > 80 ? 'red' : 'green'; > } > } > > 2. For visualMap component > > visualMap: { > type: 'piecewise', > pieces: [{ > lt: 80, > color: 'green' > }, { > gt: 80, > color: 'red' > }] > } > > > Regards. > > On Tue, Nov 5, 2019 at 2:59 PM Ayaskant Swain <ayaskant.sw...@gmail.com> > wrote: > >> Hi, >> >> Can you please provide me a sample code snippet for the above reqs? The >> documents sent by Wenil has lots of data :-) . >> >> Thanks >> Ayaskant >> >> On Tue, Nov 5, 2019 at 12:09 PM Ayaskant Swain <ayaskant.sw...@gmail.com> >> wrote: >> >>> Hi Wenli & Shen, >>> >>> Many thanks for your quick reply. I will try your suggestions. >>> >>> Just to re-iterate our chart will be a mix of 2 colors (green and red) >>> where the red bars will be very less in numbers. Example if there are 100 >>> data points coming in from a stream 2 or 3 will be in red as they will >>> exceed a threshold value on Y-Axis (lest say 90%). Hope that makes my query >>> clearer. >>> >>> Thanks >>> Ayas >>> >>> On Tue, Nov 5, 2019 at 12:00 PM Yi Shen <shenyi....@gmail.com> wrote: >>> >>>> Hi, >>>> >>>> Besides using visualMap component mentioned in Wenli's reply. >>>> >>>> There are two other ways to set different colors on specific data >>>> points. >>>> >>>> 1. Use callback function for series.itemStyle.color[1] >>>> 2. Set itemStyle.color in the specific data item[1] >>>> >>>> In your case, I think using callback function or visualMap-piecewise >>>> <https://echarts.apache.org/en/option.html#visualMap-piecewise> component >>>> Wenli mentioned are >>>> both OK. >>>> >>>> [1]. >>>> https://echarts.apache.org/en/option.html#series-bar.itemStyle.color >>>> [2]. >>>> https://echarts.apache.org/en/option.html#series-bar.data.itemStyle.color >>>> >>>> >>>> Regards. >>>> >>>> >>>> On Tue, Nov 5, 2019 at 2:20 PM Ayaskant Swain <ayaskant.sw...@gmail.com> >>>> wrote: >>>> >>>>> Hi Team, >>>>> >>>>> I have query regarding the Bar charts supported by e-charts. Our >>>>> requirement is to plot an incoming data points against time. >>>>> >>>>> Time will be on X-axis & Data Value will be on Y-Axis. Our requirement >>>>> is >>>>> to show red color only in specific data points. That is if the data >>>>> value >>>>> exceeds a particular value (example 80) show it as red bar while rest >>>>> of >>>>> the bars will be shown as green. >>>>> >>>>> I saw the below 2 charts on your website. But here the colors for any >>>>> specific category is homogeneous. We need a mix of 2 colors: >>>>> >>>>> https://echarts.apache.org/examples/en/editor.html?c=bar-gradient >>>>> https://echarts.apache.org/examples/en/editor.html?c=bar1 >>>>> >>>>> Is it possible to achieve that in e-charts? >>>>> >>>>> Thanks >>>>> Ayaskant >>>>> >>>> >>>> >>>> -- >>>> Yi Shen >>>> Apache ECharts(incubating) PPMC >>>> >>> > > -- > Yi Shen > Apache ECharts(incubating) PPMC > -- Yi Shen Apache ECharts(incubating) PPMC
