You are viewing a plain text version of this content. The canonical link for it is here.

Posted to dev@echarts.apache.org by Jonathan Avila <av...@gmail.com> on 2021/06/02 16:46:07 UTC

Bullet Chart

Hi Echarts Dev Team,

I was looking for an example of a Bullet Chart and I came across this
Github issue that used to have a working link, but it seems to now be
pointed to a non working domain:

Bullet chart · Issue #6795 · apache/echarts (github.com)
<https://github.com/apache/echarts/issues/6795>
http://gallery.echartsjs.com/editor.html?c=xH1xO1oCzl

Does anyone have a working example of a bullet chart in Echarts? What I'm
looking for is something just like what Highcharts has for bulle charts

Bullet chart | Highcharts
<https://www.highcharts.com/docs/chart-and-series-types/bullet-chart>

I supposed a combination of a custom series and singleAxis coordinate
system can be used to create one, but any suggestions would be helpful.

Thanks,

Jonathan

Re: Bullet Chart

Posted by Jonathan Avila <av...@gmail.com>.

Yi,

One more question. Is it possible to make the barWidth dynamic based on the
max width of the category? In other words, the stacked bars for the bands
should have a width of 100% of the category band and the value bar should
be 50% of the category width and centered over the stacked bars. I need to
make it responsive based on the chart size. I tried using combinations of
barWidth in percentage and negative barGaps in percentage but couldn't get
it to work.

Thanks,

Jonathan

On Fri, Jun 4, 2021 at 8:10 AM Jonathan Avila <av...@gmail.com>
wrote:

> Thanks Yi. This is very helpful. I completely forgot about being able to
> use negative barGap to overlap the bars and using scatter as a non circle
> shape. I appreciate the help.
>
> Jonathan
>
> On Fri, Jun 4, 2021 at 2:34 AM Yi Shen <sh...@gmail.com> wrote:
>
>> Hi Jonathan,
>>
>> The domain name has been changed to www.makeapie.com due to branding
>> risk.
>>
>> I created a CodeSandbox example in case you can't access the makeapie
>> website.
>>
>> https://codesandbox.io/s/relaxed-wiles-92hhq
>>
>> Regards
>>
>> On Thu, Jun 3, 2021 at 12:46 AM Jonathan Avila <av...@gmail.com>
>> wrote:
>>
>>> Hi Echarts Dev Team,
>>>
>>> I was looking for an example of a Bullet Chart and I came across this
>>> Github issue that used to have a working link, but it seems to now be
>>> pointed to a non working domain:
>>>
>>> Bullet chart · Issue #6795 · apache/echarts (github.com)
>>> <https://github.com/apache/echarts/issues/6795>
>>> http://gallery.echartsjs.com/editor.html?c=xH1xO1oCzl
>>>
>>> Does anyone have a working example of a bullet chart in Echarts? What I'm
>>> looking for is something just like what Highcharts has for bulle charts
>>>
>>> Bullet chart | Highcharts
>>> <https://www.highcharts.com/docs/chart-and-series-types/bullet-chart>
>>>
>>> I supposed a combination of a custom series and singleAxis coordinate
>>> system can be used to create one, but any suggestions would be helpful.
>>>
>>> Thanks,
>>>
>>> Jonathan
>>>
>>
>>
>> --
>> Yi Shen
>> Apache ECharts PMC
>>
>

Re: Bullet Chart

Posted by Jonathan Avila <av...@gmail.com>.

Thanks Yi. This is very helpful. I completely forgot about being able to
use negative barGap to overlap the bars and using scatter as a non circle
shape. I appreciate the help.

Jonathan

On Fri, Jun 4, 2021 at 2:34 AM Yi Shen <sh...@gmail.com> wrote:

> Hi Jonathan,
>
> The domain name has been changed to www.makeapie.com due to branding
> risk.
>
> I created a CodeSandbox example in case you can't access the makeapie
> website.
>
> https://codesandbox.io/s/relaxed-wiles-92hhq
>
> Regards
>
> On Thu, Jun 3, 2021 at 12:46 AM Jonathan Avila <av...@gmail.com>
> wrote:
>
>> Hi Echarts Dev Team,
>>
>> I was looking for an example of a Bullet Chart and I came across this
>> Github issue that used to have a working link, but it seems to now be
>> pointed to a non working domain:
>>
>> Bullet chart · Issue #6795 · apache/echarts (github.com)
>> <https://github.com/apache/echarts/issues/6795>
>> http://gallery.echartsjs.com/editor.html?c=xH1xO1oCzl
>>
>> Does anyone have a working example of a bullet chart in Echarts? What I'm
>> looking for is something just like what Highcharts has for bulle charts
>>
>> Bullet chart | Highcharts
>> <https://www.highcharts.com/docs/chart-and-series-types/bullet-chart>
>>
>> I supposed a combination of a custom series and singleAxis coordinate
>> system can be used to create one, but any suggestions would be helpful.
>>
>> Thanks,
>>
>> Jonathan
>>
>
>
> --
> Yi Shen
> Apache ECharts PMC
>

Re: Bullet Chart

Posted by Yi Shen <sh...@gmail.com>.

Hi Jonathan,

The domain name has been changed to www.makeapie.com due to branding risk.

I created a CodeSandbox example in case you can't access the makeapie
website.

https://codesandbox.io/s/relaxed-wiles-92hhq

Regards

On Thu, Jun 3, 2021 at 12:46 AM Jonathan Avila <av...@gmail.com>
wrote:

> Hi Echarts Dev Team,
>
> I was looking for an example of a Bullet Chart and I came across this
> Github issue that used to have a working link, but it seems to now be
> pointed to a non working domain:
>
> Bullet chart · Issue #6795 · apache/echarts (github.com)
> <https://github.com/apache/echarts/issues/6795>
> http://gallery.echartsjs.com/editor.html?c=xH1xO1oCzl
>
> Does anyone have a working example of a bullet chart in Echarts? What I'm
> looking for is something just like what Highcharts has for bulle charts
>
> Bullet chart | Highcharts
> <https://www.highcharts.com/docs/chart-and-series-types/bullet-chart>
>
> I supposed a combination of a custom series and singleAxis coordinate
> system can be used to create one, but any suggestions would be helpful.
>
> Thanks,
>
> Jonathan
>


-- 
Yi Shen
Apache ECharts PMC