charts

How can I position rotated x-axis labels on column chart using nvd3?

江枫思渺然 提交于 2019-12-31 17:52:28
问题 I am building a bar chart using nvd3's multiBarChart and need to adjust the position of rotated x-axis labels: var chart = nv.models.multiBarChart(); ... chart.rotateLabels(-90); I would like the column labels to not overlap the chart and be centered under each bar. I could select the labels after plotting the chart and adjust them but is there an easier way? 回答1: The best way I have found to handle this is to perform the rotation of the x-axis tick labels yourself. Why? Because NVD3 is not

Separating Chart Series

主宰稳场 提交于 2019-12-31 07:06:26
问题 I currently have a chart element that has 4 Series. My problem is that while they work individually, if I set more than 1 Series it sets the data for all of them to the last DataSet (So Series 1,2 & 3 have the same positions as 4). Could someone have a look at my broken code and let me know where it's all going wrong? And maybe some pointers on neatening it up... I have never worked with any form of charts before. Using con = New OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=C

Convertion of mouse pointer coordinates into data coordinates and graphical object coordinates

我们两清 提交于 2019-12-31 05:36:10
问题 I googled all the day and, with my surprise, I have found only old (many years ago) answers about the topic. I tryed to mix individual pieces of code of the above mentioned answers to get a more complete solution to my needs, but nothing seems to work in the right way. The proposed solutions, even if logically understandable, don't work as expected. This should be the conceptual framework for coordinates implemented by Excel 1------------------------------------------+ |ChartObject | | 2-----

How to make specific google chart elements background transparent

偶尔善良 提交于 2019-12-31 04:56:07
问题 I have to create a google area chart that has one line with the background fill but then also have additional lines that overlay it with no background fill. I can't figure out how to do this and am hopeful someone here knows. In the example image below the dashed blue lines are the ones I'm trying to figure out how to create. 回答1: you can use a ComboChart, with both line and area series. see following working snippet... google.charts.load('current', { packages: ['corechart'] }).then(function

How to set up the Graphical Properties of Chart Area using openpyxl

拥有回忆 提交于 2019-12-31 04:41:11
问题 I would like to change the background color of Chart_area as well as remove all borders. Regarding the background color, I have tried the solution suggested: How to set Background Color of Plot Area of Chart using openpyxl but this solution doesn't work for any charts i.e. BarChart, AreaChart, LineChart, ScatterChart, RadarChart etc... I tried two openpyxl versions: 2.4.7, 2.4.9. without success. # setup the chart chart = LineChart() # test to remove border line ******************************

Timing issue with plotting multiple graphs fast

我的未来我决定 提交于 2019-12-31 04:41:11
问题 In the code below I am conducting an experiment for which I need to plot almost 10 graphs per second ( time interval 100) for total of 50. However when I decrease the time interval TIME INTERVAL ( line 120 down to the bottom) from 200 msec to 100 msec the code raises exception below. I have tired invokeLater etc, yet I am not able to fix this. I pasted here the entire code which generates the graph below. Kindly take a look and let me know what to do. Thanks in advance Exception in thread

Selecting multiple sections on a chart in c#

落花浮王杯 提交于 2019-12-31 04:01:12
问题 I am trying to make a simple WindowsFormAplication with data displayed in charts with type column. Now, the idea is for the user to select a part of the chart, and for the program to find the same numbers from the same dataset and select all of them on the SAME chart. My program does just that, up to the point where it needs to display multiple selections on that chart. I only found one way of selecting data, and that is via Cursor.SetSelectionPosition(double, double); but there doesn't seem

Change the bar color in gantt chat based on value

余生长醉 提交于 2019-12-31 04:00:11
问题 I would like to change the color of the bar in the gantt chart based in the value I am passing. When Percent done equals of higher than 100 the bar should be red. Is it possible? https://jsfiddle.net/1cez1duf/ google.charts.load('current', {'packages':['gantt'], 'language': 'pt-br'}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = new google.visualization.DataTable(); data.addColumn('string', 'Task ID'); data.addColumn('string', 'Task Name'); data.addColumn(

D3 Dimple - How to show multiple dimple charts on same page?

北慕城南 提交于 2019-12-31 03:45:45
问题 I'm making an html page with several examples of charts that I will be using. On the page I have a Dimple line graph, a pie chart, a wordcloud etc. When I try to add a second dimple graph - this time a bar graph, the first dimple line graph that I already have on the page is drawn on top of my bar graph: My HTML file looks like this: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>D3 Graphs</title> <link rel="stylesheet" type="text/css" href="_/base.css"> <link rel=

google charts move annotation position to center of stacked chart

此生再无相见时 提交于 2019-12-31 02:50:07
问题 I am using Google Chart's column graph chart. The chart is a stacked column chart with annotations for every data point of the stacked column. The annotation are at the top of the inside of the bar but I would like them to be centred inside of the bar. The closest solution I found was moving the annotation of a non stacked column google chart to the bottom here. The problem with this solution is that the code looks for annotation that are white and moves them to the bottom. The graph I am