Hi Yi, Thanks for sending me your sample implementation link. That was for a histogram. Can the same be done for this https://echarts.apache.org/examples/en/editor.html?c=bar-gradient ?
Thanks Ayas On Tue, Nov 5, 2019 at 12:53 PM Ayaskant Swain <ayaskant.sw...@gmail.com> wrote: > Hi Yi, > > Thanks much. I am trying to incorporate the above code in this chart - > https://echarts.apache.org/examples/en/editor.html?c=bar-gradient > > Ayas > > On Tue, Nov 5, 2019 at 12:43 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 >> >
