apexcharts

Dynamically adding of Series in Apex Chart

若如初见. 提交于 2021-02-11 14:16:03
问题 I had result that was pulled from the database, and each item in the result is a series in a single chart. I was able to update that chart but the last element of the result only shows in the chart. What could be the possible problem for this one? for (i = 0; i < objResult.length; i++) { temperatureRender.updateSeries([{ name: objResult[i].TankName, data: objResult[i].TankLogs }]); } It displays the Series but only the last series that i've added. 回答1: The updateSeries method overwrites the

Set a certain interval for x-axis ticks in ApexCharts

生来就可爱ヽ(ⅴ<●) 提交于 2021-02-10 23:28:27
问题 Introduction: I have a ApexCharts chart with data from an API. I'm using an API called finnhub to get the stock market data which is displayed on the chart. The data returned has an array of prices and a corresponding array of times, which are not at an equal interval (stock market is closed at certain times) (prices on the y-axis and time on the x-axis). The data I'm getting is quite high resolution, which means there are a LOT of labels on the x-axis, making it look really cluttered and

How to show “loading…” text as a placeholder before my Apexcharts actually loads?

て烟熏妆下的殇ゞ 提交于 2021-02-05 09:36:29
问题 I spent a day figuring this out but was unavailable to find a solution. Please if anyone can help. So I was making a cryptocurrency tracker in React. I managed to create a table displaying several currencies and also a column where I render Apexchart for various currencies based on the JSON data that's already saved with me in a javascript file i.e I'm not making any call to API to get the data. I already have static data with me. I just rendered the static data in the form of a table. Now

How to show “loading…” text as a placeholder before my Apexcharts actually loads?

故事扮演 提交于 2021-02-05 09:34:26
问题 I spent a day figuring this out but was unavailable to find a solution. Please if anyone can help. So I was making a cryptocurrency tracker in React. I managed to create a table displaying several currencies and also a column where I render Apexchart for various currencies based on the JSON data that's already saved with me in a javascript file i.e I'm not making any call to API to get the data. I already have static data with me. I just rendered the static data in the form of a table. Now

Apex Charts custom tooltips - how do I get category name and color?

戏子无情 提交于 2021-01-27 12:40:24
问题 I want to create a custom tooltip in Apex Charts. Below is what is suggested in the official docs: tooltip: { custom: function({series, seriesIndex, dataPointIndex, w}) { return '<div class="arrow_box">' + '<span>' + series[seriesIndex][dataPointIndex] + '</span>' + '</div>' } } The tooltip above will display the value only. However, I also need information about the corresponding category name (and if possible chart color): https://codepen.io/apexcharts/pen/xYqyYm I bet this info is somwhere

Vue ApexCharts updating data series dynamically

十年热恋 提交于 2021-01-01 08:26:54
问题 How can I update the data from the series for an ApexCharts I have created the following Vue Component using the ApexCharts. This component gets updated from the parent where a bunch of these components are situated. The updated values are coming in through props. <template> <div> <apexchart type="line" width="1000px" :options="options" :series="series"></apexchart> </div> </template> <script> import Vue from 'vue'; import VueApexCharts from 'vue-apexcharts'; Vue.use(VueApexCharts); Vue

Vue ApexCharts updating data series dynamically

元气小坏坏 提交于 2021-01-01 08:26:06
问题 How can I update the data from the series for an ApexCharts I have created the following Vue Component using the ApexCharts. This component gets updated from the parent where a bunch of these components are situated. The updated values are coming in through props. <template> <div> <apexchart type="line" width="1000px" :options="options" :series="series"></apexchart> </div> </template> <script> import Vue from 'vue'; import VueApexCharts from 'vue-apexcharts'; Vue.use(VueApexCharts); Vue