Re: Help - Setting Different Base Values in ECharts Bar Chart
Hi, I made a demo for you: https://echarts.apache.org/examples/zh/editor.html?c=bar-simple=MYewdgzgLgBATgUwIYBsAiSpJgXhgbQEYAmABgBoYyKZCBWGgDhoHYbDD2BmUgXQChQkWACMkEBLlqlSAbkHhoMACaZseRKgxYAdAFskABwAUy3AD4VMALQwxEgJTz-IQ1ACW4KQG9-MGAAeAIIB7hAAXDC-_v5QAJ6GCJEA5MCYCADmIHBxyeR-MapYkfjJALLgeTDJACoArghVyQDqCMpNNQAWdU0AYnDuTQDKmMN1YMkC_gC--f5xIWGR0THxiSkAbqgNeQX-SKEQADJIIggoy3sxAGbZBlBQCHCRYBYwrwDUduIIV9MFswKEgGCAiBCuKxiKjUcyhMDWSWqYjgyT-BQE01kQA Hope that helps. Thanks *Ovilia* On Tue, Feb 13, 2024 at 3:59 AM Sathiyaseelan Velu < sathiyaseelan.v...@softsuave.com> wrote: > Hi Team, > > I've been using echarts for a while now, and I must say, it's been > fantastic. Congratulations to all of you for creating such a wonderful > chart library. > > I'm currently facing a challenge in setting different base values for the > bar chart. Specifically, I need to create a chart where values below 100 > are considered negative and values above 100 are considered positive. By > default, echarts considers 0 as the base value, with values less than 0 > being considered negative. However, I'm looking to achieve the scenario > described above. > > I've attached some screenshots for reference. > > Expected:[image: image.png] > Sample: > [image: image.png] > Thanks in advance > > Best regards > Sathiyaseelan Velu > > > -- > This email and any files transmitted with it are confidential and intended > solely for the use of the individual or entity to whom they are addressed. > If you have received this email in error please notify the system manager. > Please note that any views or opinions presented in this email are solely > those of the author and do not necessarily represent those of the company. > > © Copyright softsuave.com | All Rights Reserved. >
Re: Help with echarts
Hi Halit, `$` is an alias of the `jQuery` namespace and it's used to fetch the corresponding resource by specified URL. In ECharts examples, `$.get` [1] and `$.getJSON` [2] are most often used. You can refer to the jQuery Ajax documentation [3] to learn more. Of course, you can also use any other request utilities, such as the built-in `XMLHttpRequest` [4] / `fetch` [5] API or the `axios` [6] library. Regards. [1] https://api.jquery.com/jQuery.get/ [2] https://api.jquery.com/jQuery.getJSON/ [3] https://api.jquery.com/category/ajax/ [4] https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest [5] https://developer.mozilla.org/en-US/docs/Web/API/fetch [6] https://axios-http.com On Thu, Dec 15, 2022 at 3:34 AM Halit Soylemez < muhammed.soyleme...@gmail.com> wrote: > Hello, > > I would like to use the following template again: > https://echarts.apache.org/examples/zh/editor.html?c=geo-svg-lines > In order to modify the map and put a map that I own for fun. > However I don't understand the use of the $.get > > What does this $ correspond to? > > I thank you in advance > > -- > Halit SOYLEMEZ > BASR 22 : Bachelor Administrateur Systèmes et Réseaux > m-ha...@soylemez.fr > 07 49 86 28 34 >
Re: help about graph chart usage
We don't have a way to set rounded corners as a mask to an image, so you'd better edit your image to be transparent around the corners with transparent background. And please CC dev@echarts.apache.org when you reply. Thanks *Ovilia* On Mon, May 30, 2022 at 2:43 PM Ali pirani wrote: > Hi Ovilia; > thank's for your kindness , it seems I could not ask you a good question; > actually i wanna rounded node with background image > i try to set rounded corner to each graph point but in documentation i > couldn't find a way to set rounded corner to sybmole node with image > > > On Sun, May 29, 2022 at 8:08 PM Ovilia wrote: > >> Please follow the instructions at >> https://echarts.apache.org/en/option.html#series-line.symbol . >> If the given symbol is invalid, it may fall back to being a rectangle. >> >> Thanks >> >> *Ovilia* >> >> >> On Sun, May 29, 2022 at 11:36 PM Ali pirani >> wrote: >> >>> Hi echarts; >>> in my new project i need to use echarts graph with symbol(image) and also >>> my symbol is circle >>> but when i try to set radius with custom style it dons't apply and >>> outpute >>> graph is rectangle. if it's possible send some solution about this issue. >>> -- >>> Best Regards Ali Pirani >>> >> > > -- > Best Regards Ali Pirani > Web Developer and UI Designer >
Re: help about graph chart usage
Please follow the instructions at https://echarts.apache.org/en/option.html#series-line.symbol . If the given symbol is invalid, it may fall back to being a rectangle. Thanks *Ovilia* On Sun, May 29, 2022 at 11:36 PM Ali pirani wrote: > Hi echarts; > in my new project i need to use echarts graph with symbol(image) and also > my symbol is circle > but when i try to set radius with custom style it dons't apply and outpute > graph is rectangle. if it's possible send some solution about this issue. > -- > Best Regards Ali Pirani >
Re: Help with echart - heatmap
Thanks a lot Yi. I added a new series with this specific value and style.. and it works... but I will try this! regards Em seg., 27 de set. de 2021 às 22:35, Yi Shen escreveu: > Hi Paulo, > > The value property is the original item in your data array. > > data: [ { value: [0, 0, 549], itemStyle: { borderColor: '#000' } }] > > Regards > > On Sun, Sep 26, 2021 at 3:07 AM Paulo wrote: > >> I'm using vue-echarts v5.0.0-beta.0/ echarts v4.9.0 with JS... >> >> I'm trying to change the border of the middle cell to give emphasis to it. >> >> I could change the border for the entire chart with >> series-heatmap.itemStyle but not for only one cell. >> >> the result i'm expecting looks like the image above: >> [image: image.png] >> >> I found in the docs that if customization was needed for some specific >> item, it could be setted up in data array: >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> *[12,24,{value: [24, 32],// label style, only >> works in this data item.label: {},// item style, only works >> in this data item.itemStyle:{}},33]// Or[[12, 332], >> [24, 32],{value: [24, 32],// label style, only works in >> this data item.label: {},// item style, only works in this >> data item.itemStyle:{}},[33, 31]]* >> >> my array data serie is setted like: >> >> *data: [ [0, 0, 549], [0, 1, 571] , ...]* >> >> I already tried to change only the array with "653" in the middle >> following those examples but without success... >> *data: [..., ['X_position, Y_position, {value: "635", itemStyle: >> {borderColor: "#000"}], ...]* >> >> thanks in advance >> >> -- >> >> Att. >> Paulo Lenz Junior >> Administrador de Redes >> Mob. (45) 9926-9899 >> > > > -- > Yi Shen > Apache ECharts PMC > -- Att. Paulo Lenz Junior Administrador de Redes Mob. (45) 9926-9899
Re: Help with echart - heatmap
Hi Paulo, The value property is the original item in your data array. data: [ { value: [0, 0, 549], itemStyle: { borderColor: '#000' } }] Regards On Sun, Sep 26, 2021 at 3:07 AM Paulo wrote: > I'm using vue-echarts v5.0.0-beta.0/ echarts v4.9.0 with JS... > > I'm trying to change the border of the middle cell to give emphasis to it. > > I could change the border for the entire chart with > series-heatmap.itemStyle but not for only one cell. > > the result i'm expecting looks like the image above: > [image: image.png] > > I found in the docs that if customization was needed for some specific > item, it could be setted up in data array: > > > > > > > > > > > > > > > > > > > > > > > > > > > *[12,24,{value: [24, 32],// label style, only > works in this data item.label: {},// item style, only works > in this data item.itemStyle:{}},33]// Or[[12, 332], > [24, 32],{value: [24, 32],// label style, only works in > this data item.label: {},// item style, only works in this > data item.itemStyle:{}},[33, 31]]* > > my array data serie is setted like: > > *data: [ [0, 0, 549], [0, 1, 571] , ...]* > > I already tried to change only the array with "653" in the middle > following those examples but without success... > *data: [..., ['X_position, Y_position, {value: "635", itemStyle: > {borderColor: "#000"}], ...]* > > thanks in advance > > -- > > Att. > Paulo Lenz Junior > Administrador de Redes > Mob. (45) 9926-9899 > -- Yi Shen Apache ECharts PMC
Re: Help : Dynamic Bar Chart In Echarts
Thank you! On Mon, 8 Jun 2020, 11:11 Ovilia, wrote: > Hi Haritha, > > Plainheart has replied you on the dev mailing list but forgot to reply to > your email address. > > Here's his reply: > > Hi, Haritha > > It can be made easily by ECharts. There is an example for this. > https://gallery.echartsjs.com/editor.html?c=xp8EKXjJjJ=1 > > Thanks > > > > Thanks > > *Ovilia* > > > On Fri, Jun 5, 2020 at 1:26 PM Haritha Honey > wrote: > >> Hello, >> Is it possible dynamic bar chart in echarts >> Below is the sample link of my requiremen >> >> https://canvasjs.com/javascript-charts/dynamic-live-column-chart/ >> >
Re: Help : Dynamic Bar Chart In Echarts
Hi Haritha, Plainheart has replied you on the dev mailing list but forgot to reply to your email address. Here's his reply: Hi, Haritha It can be made easily by ECharts. There is an example for this. https://gallery.echartsjs.com/editor.html?c=xp8EKXjJjJ=1 Thanks Thanks *Ovilia* On Fri, Jun 5, 2020 at 1:26 PM Haritha Honey wrote: > Hello, > Is it possible dynamic bar chart in echarts > Below is the sample link of my requiremen > > https://canvasjs.com/javascript-charts/dynamic-live-column-chart/ >
Re: Help : Dynamic Bar Chart In Echarts
Hi, Haritha It can be made easily by ECharts. There is an example for this. https://gallery.echartsjs.com/editor.html?c=xp8EKXjJjJ=1 Thanks Zhongxiang On 2020/06/02 13:28:34, Haritha Honey wrote: > Hello,> > Is it possible dynamic bar chart in echarts> > Below is the sample link of my requiremen> > > https://canvasjs.com/javascript-charts/dynamic-live-column-chart/> >
Re: Help-- Dual y-axis in grid mutiple charts
Thanks, I'll check it out. On Thu, 7 May 2020, 08:46 Ovilia, wrote: > Hi, > > Please checkout the demo: > https://echarts.apache.org/examples/en/editor.html?c=area-rainfall > Basically, you need the yAxis to be an array of axes and set yAxisIndex in > series. > > Thanks > > Wenli > > > On Thu, May 7, 2020 at 12:27 AM Haritha Honey > wrote: > >> *Hello .* >> >> *Thanks for providing such wonderful libraray* >> >> >> *iam checking grid mutiple example in echarts it is very nice * >> *but i want add another axis in this chart (dual axis in the chart)* >> *is it possible to add it.* >> >
Re: Help-- Dual y-axis in grid mutiple charts
Hi, Please checkout the demo: https://echarts.apache.org/examples/en/editor.html?c=area-rainfall Basically, you need the yAxis to be an array of axes and set yAxisIndex in series. Thanks Wenli On Thu, May 7, 2020 at 12:27 AM Haritha Honey wrote: > *Hello .* > > *Thanks for providing such wonderful libraray* > > > *iam checking grid mutiple example in echarts it is very nice * > *but i want add another axis in this chart (dual axis in the chart)* > *is it possible to add it.* >
Re: Help
> > > Hello, > Thanks for Providing such Great library > https://echarts.apache.org/examples/en/editor.html?c=grid-multiple > iam checking grid mutiple example in echarts it is very nice > but i want add another axis in this chart (dual axis in the chart) > is it possible to add it..if yes.can you please provide an example > >
Re: Help
Thanks a lot. On Wed, 22 Apr 2020, 19:19 Yi Shen, wrote: > Hi, > > https://jsfiddle.net/xad6f82y/ I just write an example for you. > > On Wed, Apr 22, 2020 at 11:40 AM Haritha Honey > wrote: > >> Hi >> Is there any example in echarts that can show the label of the last data >> >> >> On Wed, 22 Apr 2020, 09:04 Haritha Honey, >> wrote: >> >>> Ok, thank you. >>> >>> On Wed, 22 Apr 2020, 07:57 Yi Shen, wrote: >>> Hi, There is no direct way to show series name label in line. There is a simple workaround that you can show the label of the last data to achieve a similar result. We plan to add this in the future. Thanks! On Wed, Apr 22, 2020 at 2:32 AM Haritha Honey wrote: > > > > > > Hello , > Thanks for Providing such Great library > > I want to add series name in echarts but i could n't find the link.. > > Below is the sample image for my requirement.. > Can u please guide me regarding this. > Thank You.. > > > - > To unsubscribe, e-mail: dev-unsubscr...@echarts.apache.org > For additional commands, e-mail: dev-h...@echarts.apache.org -- Yi Shen Apache ECharts(incubating) PPMC >>> > > -- > Yi Shen > Apache ECharts(incubating) PPMC >
Re: Help
Hi, https://jsfiddle.net/xad6f82y/ I just write an example for you. On Wed, Apr 22, 2020 at 11:40 AM Haritha Honey wrote: > Hi > Is there any example in echarts that can show the label of the last data > > > On Wed, 22 Apr 2020, 09:04 Haritha Honey, wrote: > >> Ok, thank you. >> >> On Wed, 22 Apr 2020, 07:57 Yi Shen, wrote: >> >>> Hi, >>> >>> There is no direct way to show series name label in line. There is a >>> simple workaround that you can show the label of the last data to achieve a >>> similar result. >>> >>> We plan to add this in the future. Thanks! >>> >>> On Wed, Apr 22, 2020 at 2:32 AM Haritha Honey >>> wrote: >>> Hello , Thanks for Providing such Great library I want to add series name in echarts but i could n't find the link.. Below is the sample image for my requirement.. Can u please guide me regarding this. Thank You.. - To unsubscribe, e-mail: dev-unsubscr...@echarts.apache.org For additional commands, e-mail: dev-h...@echarts.apache.org >>> >>> >>> >>> -- >>> Yi Shen >>> Apache ECharts(incubating) PPMC >>> >> -- Yi Shen Apache ECharts(incubating) PPMC
Re: Help
Ok, thank you. On Wed, 22 Apr 2020, 07:57 Yi Shen, wrote: > Hi, > > There is no direct way to show series name label in line. There is a > simple workaround that you can show the label of the last data to achieve a > similar result. > > We plan to add this in the future. Thanks! > > On Wed, Apr 22, 2020 at 2:32 AM Haritha Honey > wrote: > >> >> >> >> >> >> Hello , >> Thanks for Providing such Great library >> >> I want to add series name in echarts but i could n't find the link.. >> >> Below is the sample image for my requirement.. >> Can u please guide me regarding this. >> Thank You.. >> >> >> - >> To unsubscribe, e-mail: dev-unsubscr...@echarts.apache.org >> For additional commands, e-mail: dev-h...@echarts.apache.org > > > > -- > Yi Shen > Apache ECharts(incubating) PPMC >
Re: Help
Hi, There is no direct way to show series name label in line. There is a simple workaround that you can show the label of the last data to achieve a similar result. We plan to add this in the future. Thanks! On Wed, Apr 22, 2020 at 2:32 AM Haritha Honey wrote: > > > > > > Hello , > Thanks for Providing such Great library > > I want to add series name in echarts but i could n't find the link.. > > Below is the sample image for my requirement.. > Can u please guide me regarding this. > Thank You.. > > > - > To unsubscribe, e-mail: dev-unsubscr...@echarts.apache.org > For additional commands, e-mail: dev-h...@echarts.apache.org -- Yi Shen Apache ECharts(incubating) PPMC
Re: Help on Echarts Sankey
Hi John, Currently, we can only display one tooltip. I suggested you using labels for the text information of adjacency nodes. BTW, you can email dev@echarts.apache.org when you need help. Best regards. Bony John 于2019年9月21日周六 下午2:11写道: > Hi Yi Shen, > > Hope you are doing well. > > I am trying out something using the Echarts Sankey and failing miserably. > Thought you can help out. > > Currently in Sankey when we hove over a node it will highlight what are > the incoming node, outgoing nodes, and tooltip for the hovered node. Is > there a way to show tooltips for all the incoming nodes and outgoing nodes. > Any help on this would be greatly appreciated. > > Thank, > Bony > -- Yi Shen Senior Developer Baidu, Inc.