How to make a stacked donut (pie) chart in Vue.js using Highcharts?

I want to make a donut chart using Highcharts, but I can't convert this chart to stacked form. The Vue.js code is as follows: <template><div><b-colmd="12"style="margin-top:40px"><highcharts:options="pieChartOptions"></high

P粉980815259 2024-03-19 19:17:54 0  1  505

javascript - How to modify Baidu echarts chart

Use the line chart in echarts charts for statistical analysis. Found the same data, the lines do not intersect, what is the problem? Ask a god for advice? As shown in the figure, the data on Saturday are all 330. But the five lines do not intersect. &lt;script src="/Public/Admin/echarts/dis...

ringa_lee 2017-07-05 11:08:59 0  3  1358

React .map not working when trying to set data for display on chart

I want to display data from the API on a chart, I know how to do it, but I get an error when using the .map function. I want to separate prices[0] and prices[1] so that I can access them because my response looks like this: "prices":[[1689598842536,30208.47],[1689602431443,30274.72], which...

P粉277464743 2023-08-17 11:56:29 0  1  533

Looking for help: How to permanently display data labels on a chart consistent with their position

I want to display these data labels permanently on the chart so that they are always visible, not just on mouseover. Can anyone help me? [Here is an example, similar to this one] I also put down my code. (https://i.stack.imgur.com/TY8X1.png) Pie chart example //Get the canvas element varcanvas=docum...

P粉302160436 2023-08-15 23:21:18 0  1  516

How to put text into donut chart using react-chartjs-2.js?

How to put text into a donut chart using react-chartjs-2.js and Typescript when the chart's title is at the top and the label is on the right side of the donut chart. The solutions I've found so far don't seem to work with side tags or React/TS. This is what I have now: ...setOptions({responsive:tru...

P粉378264633 2024-03-30 15:14:29 0  1  490

Place Gantt chart elements with the same field value on one row

I can't buy anything please take a look at the picture I have attached below Gantt Chart and I already have all the values ​​showing the chart and even the result is like this as shown in the second picture: My Gantt Chart However, This is not what I want to get. This is what I mean: look at the sec...

P粉930448030 2024-02-21 17:14:01 0  1  429

Graphics cannot be displayed on PHPLOT

I would like to ask for help on PHPLOT if possible. The chart displays fine when using dummy data, but when I call the $words array, the chart does not display. Chart code: &lt;?phpinclude_once("class/ProcessaPdf.class.php");require_once'lib/phplot-5.5.0/phplot.php';//$words=ProcessaPd...

P粉211273535 2023-08-20 22:13:56 0  2  570

Problems with drawing diagrams

How do you make a chart like this? I'm stumped.

吴莫邪 2020-09-16 15:15:04 0  1  1067

Reactive data stored using vue-chartjs and Pinia

I'm not good at using Pinia to store data and vue-chartjs combined to create reactive charts. I'm using this example as a guide but struggling to make the chart react to changes in the store. I changed the Pinia store data in another component using reactive forms and I can see the store data changi...

P粉946437474 2023-08-31 00:26:42 0  1  494

Google chart animation loses visibility when chart data changes

I'm having trouble getting Google Chart animations to work properly. I think the problem is that the chart keeps redrawing instead of just updating the data, but based on Google's sample code and my limited knowledge of JavaScript, I'm not sure how to fix this. I don't want to include a button to up...

P粉170438285 2023-09-02 12:32:58 0  1  738

Highcharts in Django: Display JSON data instead of charts on a web page

So I'm trying to make a candlestick chart using Highcharts in Django, but I can't display the chart on the web page, instead it displays a JSON list of the fetched data. I am using iexcloud's API to get historical data this is my logic: view.py file: defcandlestick_chart_data(request):api_key='my_ap...

P粉310931198 2024-04-02 10:06:09 0  1  427

javascript - A small pit of echarts+bootstrap modal box.

I am currently working on a PC project where I want to display the echarts chart in the bootstrap modal box. When the user clicks the button, a modal with the content of the echarts chart pops up. 1. First create a modal box~ HTML: {code...} JS: {code...} 2. Render the chart: {code...} At this point...

迷茫 2017-06-12 09:31:22 0  1  1410

Make a <select> method for selecting drawing chart files

I have a chart drawn using external file data. Now I want a select box where the user can select the file to read. This way the chart can change dynamically. How can I use vue and chartjs to achieve this functionality? Currently I import data in Home like this:&lt;template&gt;&lt;divclas...

P粉022140576 2023-08-20 10:08:18 0  1  559

Can d3 automatically do two-way binding?

Can charts drawn with D3 be automatically bound in two directions? Modify data and automatically re-render the chart

高洛峰 2017-07-05 10:38:56 0  1  862

Place DIV elements within the SVG viewport

How to position HTMLDIV elements relative to SVG elements? I'm using D3 to generate an SVG chart: I want to add a dropdown next to the legend in the lower right corner. I do have the corresponding element (a normal HTMLDIV element) but I don't know how to position it correctly on the chart. I unders...

P粉803444331 2023-09-07 17:48:48 0  1  574

How to use Vue-Chartjs to dynamically update line charts efficiently?

I have this working code that updates a chart where onMount simulates some kind of update. But completely destructuring the array and rebuilding it with new values ​​in the OnMounted hook doesn't seem very efficient? I have tried using reactive components for data_values ​​and label_values ​​but tha...

P粉460377540 2024-01-29 13:35:31 0  1  541

Releasing the X-axis after calling Chart.zoom(): a step-by-step guide

I set the scroll strategy to setScrollStrategy(AxisScrollStrategies.progressive) and on the loaded page the chart scrolls very fast because my data is coming in very quickly. However, I solved this problem by using chart.zoom({x:-200,y:180},{x:500,y:500}) to set a certain zoom when the chart starts,...

P粉323050780 2024-04-04 23:40:56 0  1  1519

python3.x - The fourth question of python and oanda's simulated trading api

I want to display the data obtained from the API as a real-time trend chart, as shown below. I have only used matplotlib.pyplot to make graphs. matplotlib.pyplot seems to be static. Is there any dynamic or real-time one? Thanks

黄舟 2017-05-18 10:53:19 0  2  576

How to display text on ChartJS bar chart?

I need to write text to a bar in a chart using chart.js varctx=document.getElementById("myChart");varmyChart=newChart(ctx,{type:'bar',data:data,options:{scales: {yAxes:[{ticks:{beginAtZero:true}}]}},responsive:true,showTo

P粉578343994 2023-10-23 14:58:30 0  2  663

r2d3 in R: How to display two plots side by side on the same line?

Using the r2d3 package, I can render a simple d3.js chart in RMarkdown like this: barchart.js://!previewr2d3data=c(0.3,0.6,0.8,0.95,0.40,0.20)varbarHeight=Math.floor( height/data.length);svg.selectAll("rect").data(data).enter().appe

P粉543344381 2023-09-03 16:23:03 0  1  650