charts

问题 I want to create a chart.js plugin to create waterfall charts. I am new to working with chart.js. I was thinking to extend the bar-chart to create a waterfall chart. The draw function in the bar chart controller is as follows: draw: function(ease) { var me = this; var easingDecimal = ease || 1; helpers.each(me.getMeta().data, function(rectangle, index) { var d = me.getDataset().data[index]; if (d !== null && d !== undefined && !isNaN(d)) { rectangle.transition(easingDecimal).draw(); } }, me);

问题 I want to create a chart.js plugin to create waterfall charts. I am new to working with chart.js. I was thinking to extend the bar-chart to create a waterfall chart. The draw function in the bar chart controller is as follows: draw: function(ease) { var me = this; var easingDecimal = ease || 1; helpers.each(me.getMeta().data, function(rectangle, index) { var d = me.getDataset().data[index]; if (d !== null && d !== undefined && !isNaN(d)) { rectangle.transition(easingDecimal).draw(); } }, me);

问题 I try to implement a stacked bar chart using Chart.js framework (version 2.7) und faced following problem: single data elements are drawn in each bar in the same order as provided in JSON structure (which is absolutely logical and understandable). I would like to have them sorted: biggest elements at the bottom of the bar, smallest at its top. I suppose it can be accomplished using some plugin customization black magic but can not figure it out. Any help would be appreciated. Example: var

问题 I've developed a web page with MS Chart (.net framework 2.0, visual studio 2010). Like this picture, I have to put the percentage label inside the doughnut. What can I do? Please help me. Thanks in advance. 回答1: Use the PrePaint event to add a TextAnnotation to your chart: protected void Chart1_PrePaint(object sender, ChartPaintEventArgs e) { if (e.ChartElement is ChartArea) { var ta = new TextAnnotation(); ta.Text = "81%"; ta.Width = e.Position.Width; ta.Height = e.Position.Height; ta.X = e

问题 I made this map with highcharter package (for R) which is a highcharts wrapper but there are still 3 bubbleLegend and I only want one of them If anyone can help me, maybe in js? There's even a commit that fixed the issue here in js : https://github.com/highcharts/highcharts/commit/63dc48767b3aa00b846631084b286f6605342e22 library(highcharter) library(dplyr) mydf <- data.frame( lat = c(-7.1871, 36.95733, 17.9356, -20.4379, 30.2496, -54.9593, 18.0365, 17.9688, 18, 18.005, 17.9538), lon = c(129

问题 I made this map with highcharter package (for R) which is a highcharts wrapper but there are still 3 bubbleLegend and I only want one of them If anyone can help me, maybe in js? There's even a commit that fixed the issue here in js : https://github.com/highcharts/highcharts/commit/63dc48767b3aa00b846631084b286f6605342e22 library(highcharter) library(dplyr) mydf <- data.frame( lat = c(-7.1871, 36.95733, 17.9356, -20.4379, 30.2496, -54.9593, 18.0365, 17.9688, 18, 18.005, 17.9538), lon = c(129

问题 I am very new to ASP.NET charting tools. I have a data table at hand which contains 10 series (QOL-1 to QOL-10). These 10 items are asked in one questionnaire all together on multiple dates. So for each date, there will be 10 answers collected. I would like to plot a 3D column chart to show the answers for each question on each date, where the X-axis indicates dates that data was collected, Y-axis indicates the answer, and Z-axis indicates the item labels (QOL-1 to QOL-10). However, I am not

问题 I used https://github.com/google/charts inside my flutter app. It works great. But when i zoom on chart, the zoom happens but in the wrong place! It starts expanding keeping the left static. The effect is the chart slide under your finger zooming not in the point you are zooming to. Is there a way to zoom like you zoom on a picture on gallery? code of my chart Widget build(BuildContext context) { return new charts.LineChart( _chartSeriesFromChartData(seriesList), animate: false,

问题 I used https://github.com/google/charts inside my flutter app. It works great. But when i zoom on chart, the zoom happens but in the wrong place! It starts expanding keeping the left static. The effect is the chart slide under your finger zooming not in the point you are zooming to. Is there a way to zoom like you zoom on a picture on gallery? code of my chart Widget build(BuildContext context) { return new charts.LineChart( _chartSeriesFromChartData(seriesList), animate: false,

问题 Recently I started working on Google Charts. Till now it is fine but now I am facing an issue with multiple selection. I am able to select multiple points by mouse clicks but I need to select range of points by dragging the mouse. Could you please help me in this? 回答1: using this answer to draw the selection range --> Select area/rectangle in javascript use chart method --> chart.getChartLayoutInterface().getBoundingBox() to find the bounds for each point... chart.getChartLayoutInterface()