charts

Google Pie chart: remove white gap between pie slices

…衆ロ難τιáo~ 提交于 2019-12-22 07:02:25
问题 Similar to this question, but for Google Pie Charts: How can I remove the white lines between the slices on a Google Pie Chart: On the image above, I want to remove the white space highlighted by the green arrow. 回答1: You can get rid of that gap by setting the pieSliceBorderColor to "transparent" . Try the following on Google Code Playground: function drawVisualization() { // Create and populate the data table. var data = google.visualization.arrayToDataTable([ ['Task', 'Hours per Day'], [

Bokeh logarithmic scale for Bar chart

血红的双手。 提交于 2019-12-22 06:36:30
问题 I know that I can do logarithmic scales with bokeh using the plotting API: p = figure( tools="pan,box_zoom,reset,previewsave", y_axis_type="log", y_range=[0.001, 10**22], title="log axis example", x_axis_label='sections', y_axis_label='particles' ) However, I can't figure out how to get this to apply to high level charts such as Bokeh.charts.Bar. In general I'm having a lot of trouble grokking what to relationship is between a Chart and a figure . Can anyone point me to some documentation on

Highlight a part of an extjs4 line chart

一曲冷凌霜 提交于 2019-12-22 06:35:43
问题 In the extjs 4.1.1a code below is a working example of a line chart. Now I need to highlight a part of that chart on a given min and max timestamp. {'xtype' : 'chart', 'store' : 'ChartData', 'height' : '100%', 'width' : '100%', 'legend' : {'position' : top}, 'axes': [{ 'title': 'Power', 'type': 'Numeric', 'position': 'left', 'fields': ['power'] },{ 'title': 'Timestamp', 'type': 'Numeric', 'position': 'bottom', 'fields': ['timestamp'], 'minorTickSteps': 3 }], 'series': [{ 'type': 'line', 'fill

gnuplot-like program for timeline data

风流意气都作罢 提交于 2019-12-22 06:02:45
问题 I am looking for a gnuplot-like program for charting data in a timeline. gnuplot-like == Runs on Linux command line functionality (a GUI isn't going to help me much) scriptable syntax outputs to jpg, png, svg, or gif The output should be something like this: | | | | | set5|###################### | | | | | | | set4| ###### ####### | ########| | | | | | set3|############ |############# |## | | | | | set2| ######################### | | | | | | set1| ######### |### |########## | | | | | ----+----

Silverlight Toolkit - Create a chart like Google realtime

这一生的挚爱 提交于 2019-12-22 05:41:10
问题 I want to create a chart that looks as much as possible like Google Realtime Timeline ideally it should support pan & zoom with dynamic labels for axes instead of clicking on links. Is there any way to do it? Thanks. 回答1: Sometimes it seems to me that writing blog posts take more time than writing the code. Here is the link to my implementation of this timeline control: http://vortexwolf.wordpress.com/2011/04/20/silverlight-timeline-chart/ Screenshot: Download the code at my post and write

Silverlight Toolkit - Create a chart like Google realtime

风流意气都作罢 提交于 2019-12-22 05:41:06
问题 I want to create a chart that looks as much as possible like Google Realtime Timeline ideally it should support pan & zoom with dynamic labels for axes instead of clicking on links. Is there any way to do it? Thanks. 回答1: Sometimes it seems to me that writing blog posts take more time than writing the code. Here is the link to my implementation of this timeline control: http://vortexwolf.wordpress.com/2011/04/20/silverlight-timeline-chart/ Screenshot: Download the code at my post and write

ZedGraph custom graph

情到浓时终转凉″ 提交于 2019-12-22 05:18:24
问题 I want to make wtih ZedGraph following dynamically chart: How to make ZedGraph axes reverse and and time axis? Thanks UPD 1 : I have to try with following code: GraphPane myPane = zg1.GraphPane; myPane.YAxis.Type = AxisType.Date; myPane.YAxis.Scale.MajorUnit = DateUnit.Minute; myPane.YAxis.Scale.MinorUnit = DateUnit.Second; myPane.XAxis.IsVisible = false; myPane.X2Axis.IsVisible = true; myPane.X2Axis.MajorGrid.IsVisible = true; myPane.X2Axis.Scale.Min = 0; myPane.X2Axis.Scale.Max = 600;

custom label on x-axis

岁酱吖の 提交于 2019-12-22 05:09:11
问题 My chart predicts a value for the next 30 years. The first value must be displayed as year 1. Then year 5, 10... until 30. But internally the first year is 0 and is left off: I tried adding a custom label, but it only breaks the other labels: If I add it to AxisX2 instead of AxisX it does nothing. Here is the code to make the chart and add the lines: public static Chart MakeChart(string title) { var chart = new Chart(); var area = new ChartArea("GrafiekGebied"); foreach (var axis in area.Axes

Zedgraph - how to customize date based X-Axis tics

a 夏天 提交于 2019-12-22 05:03:32
问题 SITUATION I am building a chart using ZedGraph of price (Y axis) against time (X axis). The duration of time is three years. At the moment I'm getting X axis labels of : Jan 11; Jan 12; Jan 13 for a set of data that runs from 3-Mar-2010 to 2-Mar-2013. As far as I can see this is default behaviour if the axis is of type DateTime. QUESTION How do I change the X axis labelling so that I get: Mar 11; Mar 12; Mar 13 ? And more generally so that I can change the labels used to coincide with the

Scrollable x-axis in Chart.js

China☆狼群 提交于 2019-12-22 04:48:24
问题 I would like to use Chart.js library for drawing charts on my website, but I intend to feed the chart large amounts of data (>1000). However, when I feed the data to chart.js line chart, the chart is not made scrollable, but the values are pushed together rendering the chart unreadable. Is there a way to make the chart.js line chart scrollable on the x-axis? 回答1: I was experiencing this problem and worked around it by using jquery to edit the css of the parent div for my chartjs canvas. This