You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@echarts.apache.org by yair viner <u....@gmail.com> on 2021/10/06 22:21:01 UTC

Hello ECharts - I need your help

Hi ! my name is Yair(from Israel) and i'm using ECharts about 3 months and
its super great!



   1. Mi tring to emphasis a bar(for example : only the first one) when the
   app rendered first time.(before any click happens):
   [image: image.png]
   2.  im tring to emphasis two bars together on a click .. but i
   didnt find a way to triggered event click on the x-axis fragment . so i
   have got only this behavior:
   [image: image.png]
   i wish for this behavoir when click on the any bar of the same x-axis
   fragment:
   [image: image.png]
   3. there is any way to create a space for single bar when click ? im
   trying to make a space under the bar has clicked and to fill the space with
   some data , which is work but it covers the second bar under it (horizontal
   bars chart) :
   [image: image.png]


hope someone can helps with that i was struggling a lot of time with those
issuses.

thank you
-- 
בברכה,
יאיר - עיצוב ופיתוח אינטרנטי

<https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail>
Virus-free.
www.avast.com
<https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail>
<#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>

Re: Hello ECharts - I need your help

Posted by yair viner <u....@gmail.com>.
hi Olivia and thank you! your answer was really helpful.

i have another one please :

also related to the trigger on axis, i have 3 series one for a bar and 2
lines, and i want to make the view like that when it triggered:
[image: image.png]

the only way that i found was to use :
symbol: 'image://assets/emptyCircle.svg',

but i cant change the symbol when its emphasis ..
so i have got only this:
[image: image.png]

Do you have any magic solutions for me ? :)


On Fri, Oct 8, 2021 at 5:47 AM Ovilia <ov...@gmail.com> wrote:

> Hi,
>
> 1. This can be done by setting itemStyle in the data.
> Check out
> https://echarts.apache.org/en/option.html#series-bar.data.itemStyle
>
> 2. You can set "tooltip.trigger" to be "axis" to make this.
>
> 3. I don't think there is a very straight-forward way to do so. Maybe you
> can change
> your design like displaying the information on the right side of the bar.
> Otherwise, you might need to use the custom series to do the job. You can
> decide
> what and where to render so it's flexible to make what you want.
> See https://echarts.apache.org/en/option.html#series-custom
>
> Thanks
>
> *Ovilia*
>
>
> On Thu, Oct 7, 2021 at 12:21 PM yair viner <u....@gmail.com> wrote:
>
>> Hi ! my name is Yair(from Israel) and i'm using ECharts about 3
>> months and its super great!
>>
>>
>>
>>    1. Mi tring to emphasis a bar(for example : only the first one) when
>>    the app rendered first time.(before any click happens):
>>    [image: image.png]
>>    2.  im tring to emphasis two bars together on a click .. but i
>>    didnt find a way to triggered event click on the x-axis fragment . so i
>>    have got only this behavior:
>>    [image: image.png]
>>    i wish for this behavoir when click on the any bar of the same x-axis
>>    fragment:
>>    [image: image.png]
>>    3. there is any way to create a space for single bar when click ? im
>>    trying to make a space under the bar has clicked and to fill the space with
>>    some data , which is work but it covers the second bar under it (horizontal
>>    bars chart) :
>>    [image: image.png]
>>
>>
>> hope someone can helps with that i was struggling a lot of time with
>> those issuses.
>>
>> thank you
>> --
>> בברכה,
>> יאיר - עיצוב ופיתוח אינטרנטי
>>
>>
>> <https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail> Virus-free.
>> www.avast.com
>> <https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail>
>> <#m_7825322693115002950_m_3984993463517144211_DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
>>
>

-- 
בברכה,
יאיר - עיצוב ופיתוח אינטרנטי

Re: Hello ECharts - I need your help

Posted by Ovilia <ov...@gmail.com>.
Hi,

1. This can be done by setting itemStyle in the data.
Check out
https://echarts.apache.org/en/option.html#series-bar.data.itemStyle

2. You can set "tooltip.trigger" to be "axis" to make this.

3. I don't think there is a very straight-forward way to do so. Maybe you
can change
your design like displaying the information on the right side of the bar.
Otherwise, you might need to use the custom series to do the job. You can
decide
what and where to render so it's flexible to make what you want.
See https://echarts.apache.org/en/option.html#series-custom

Thanks

*Ovilia*


On Thu, Oct 7, 2021 at 12:21 PM yair viner <u....@gmail.com> wrote:

> Hi ! my name is Yair(from Israel) and i'm using ECharts about 3 months and
> its super great!
>
>
>
>    1. Mi tring to emphasis a bar(for example : only the first one) when
>    the app rendered first time.(before any click happens):
>    [image: image.png]
>    2.  im tring to emphasis two bars together on a click .. but i
>    didnt find a way to triggered event click on the x-axis fragment . so i
>    have got only this behavior:
>    [image: image.png]
>    i wish for this behavoir when click on the any bar of the same x-axis
>    fragment:
>    [image: image.png]
>    3. there is any way to create a space for single bar when click ? im
>    trying to make a space under the bar has clicked and to fill the space with
>    some data , which is work but it covers the second bar under it (horizontal
>    bars chart) :
>    [image: image.png]
>
>
> hope someone can helps with that i was struggling a lot of time with those
> issuses.
>
> thank you
> --
> בברכה,
> יאיר - עיצוב ופיתוח אינטרנטי
>
>
> <https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail> Virus-free.
> www.avast.com
> <https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail>
> <#m_3984993463517144211_DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
>