Menu
  • HOME
  • TAGS

Creating a chart with SSDT to show how many jobs are running at all times

sql-server,charts,ssdt,sql-agent-job

Update for being able to detect the end of each job aswell so the graph will go down to 0 once all of the jobs have finished or just go down to however many is remaining when one finished, we've got 27k jobs a day running that take atleast a...

How to make excel chart include all blank cells from range specified in VBA?

excel,vba,excel-vba,charts

If you are trying to get the blanks to display as zero the code is ActiveChart.DisplayBlanksAs = xlZero ...

Show image instead of text in MPAndroidChart pie chart

android,charts,mpandroidchart

No, that is not possible by default. However, it should not be too hard customize the library in a way to support that feature. Just add a Bitmap to each entry in the PieChart and draw it on the location where the labels would usually be....

Draw a line against to indicate the max value in Amcharts

javascript,json,charts,amcharts

There's no need to iterate through all of the data. When the chart builds itself, it calculates min and max values for each value axis anyway. We can tap into those auto-calculated values and add a Guide for each of them. We can use chart's "rendered" event to do it....

Google charts multiline dynamic charts

charts

Managed to implement thing a different way. Hence this question can be ignored.

Rotating charts in Chart JS

javascript,canvas,charts,rotation

There's no way to rotate the chartJS but not rotate the tips :-\ On the bright side, it's easy enough to code yourself from previous Stackoverflow posts! A polar chart is a set of concentric wedges as shown in this Stackoverflow post: Creating Polar Area Chart using Canvas Tooltips are...

Get coordinates of a drawing point from Chart Values in TextBoxes?

c#,.net,winforms,charts,drawing

The task of translating drawing coordinates into DataPoints and back is not exactly intuitive. It is possible but you need to know the rules and pay a certain price. I have outlined the way in this post and it is worth looking into.. But as the problem is coming up...

Chartkick gem, limit group in pie chart and multiple series

sql,ruby-on-rails,activerecord,charts,highcharts

Some heavy thinking and @Agazoom help and I've done this. Code: @top_count = 5 @size = CountChatLine.group(:channel)[email protected]_count @data_top = CountChatLine.group(:channel).order("count_all").reverse_order.limit(@top_count).count @data_other = CountChatLine.group(:channel).order("count_all").limit(@size).count @data_other_final = {"others" => 0} @data_other.each { |name, count| @data_other_final = {"others" => @data_other_final["others"]+count }} @sum_all_data = @data_top.reverse_merge!(@data_other_final) IDK if there is a...

BIRT: change font chart axis

charts,birt

In Eclipse designer, select the "outline view" of your report and right click "Styles" section: -> New Style -> Predefined Style -> Select Report Element -> Chart Click "Font", select Arial in the drop-down list and OK. Now all charts of this report will use by default Arial, unless you...

Problems with changing colors in chart winform

c#,winforms,charts,colors,series

The colors are assigned automatically according to a palette, unless a color has been set explicitly. So the next series down gets the freed up color. To avoid this, you need to explicitly set the colors of all series. See http://msdn.microsoft.com/en-us/library/system.windows.forms.datavisualization.charting.series.palette(v=vs.110).aspx...

Issue with int numbers using chart.js

javascript,charts,charts.js

Apparently there is not option for changing this out of the box. You'll have to change the source. Simply change: function drawDoughnutText(animationDecimal, segmentTotal) { $summaryNumber .css({opacity: animationDecimal}) .text((segmentTotal * animationDecimal).toFixed(1)); } to function drawDoughnutText(animationDecimal, segmentTotal) { $summaryNumber .css({opacity: animationDecimal}) .text((segmentTotal * animationDecimal).toFixed(0)); } Bear in mind the total will be...

Uncaught Error: Container Is Not Defined - Google Charts

javascript,charts,google-visualization

document.getElementById("chart-div") looks for an element with an id set to chart-div. Your div is using the class attribute instead of the id attribute. Change <div class="chart-div"></div> to <div id="chart-div"></div> Alternatively, you can do document.getElementsByClassName('chart-div')[0], where 0 is the ordinal of the element you want. This way may be preferred, since...

Draw Google Line Chart with multiple missing values

charts,google-visualization

It seems that google.charts.Line component does not support interpolateNulls option. Secondly, there is typo in specifying interpolateNulls option. Since interpolateNulls property does not belong to chart property according to Configuration Options, the line: var options = { chart: { interpolateNulls: true } }; should be replaced with: var options =...

How to customize MPAndroidChart library according to custom design requirements

android,charts,mpandroidchart

There is no way to achieve the scenario you described with MPAndroidChart by default. However, as Budius already mentioned in his comment, there is always the possibility to clone the library and modify it in any way you want in order to fit your needs. Instructions on cloning can be...

Changing series formula with VBA. Error Code 1004

excel,vba,charts,excel-formula,series

If you use .FormulaR1C1 = Replace(.FormulaR1C1 , "A", L) instead of .Formula = Replace(.Formula, "A", L) the '1004' goes away. Beats me why but it's alway worth trying when '.formula' results in an error. You'll still have to put some thought into the positioning of the charts though. Currently they...

Issues with JQuery Flot when activating the threshold

javascript,jquery,charts,flot

The threshold plugin splits data series into two parts, one above the threshold and one below. This makes six data series out of your four (two have only values above the threshold). The two relevant changes in the code: skip the series added by the threshold plugin replace i in...

Remove axis line from chart c#

c#,winforms,charts

For some reason neither setting the LineWidth works nor making the LineColor = Color.Transparent, which usually works fine for Chart elements. But you can set it to have the same Color as the Chart's BackColor: chart1.ChartAreas[0].AxisX.LineColor = chart1.BackColor; To remove a few ore things you can write this: chart1.ChartAreas[0].AxisX.MajorGrid.Enabled =...

Center of chart(pieChart)

javascript,css,charts,highcharts,typescript

Pie center can be calculated using pie series center array (x and y coordinates), plotLeft and plotTop. Using renderer.text it is possible to add text. In redraw event additionally rendered text should be adjusted to stay in the center of pie. Example: http://jsfiddle.net/1917s4pL/ $(function () { var chart = new...

Converting a docx containing a chart to PDF

java,pdf,charts,docx,docx4j

I don't know if this helps you but you could use "jacob" (I don't know if its possible with apache poi or docx4j) With this solution you open "Word" yourself and export it as pdf. !Word needs to be installed on the computer! Heres the download-page: http://sourceforge.net/projects/jacob-project/ try { if...

Chart not displaying

javascript,charts,pygooglechart

Here in your code change data.addRows([ [Zero, 0], [One, 1], [Two, 2] ]); to this data.addRows([ ['Zero', 0], ['One', 1], ['Two', 2] ]); Strings has to be specified with quotes. ...

Kendo UI Chart X-Axis in hours

javascript,charts,kendo-ui,azure-api-apps

Try telling the dataSource that EventData is a date type field: var theDataSource = new kendo.data.DataSource({ data: data, schema: { model: { fields: { EventDate: { type: "date" } } } } }); $("#chart").kendoChart({ dataSource: theDataSource, series: [{ type: "area", field: "Average", categoryField: "EventDate" }], categoryAxis: { baseUnit: "hours", },...

vertical bar chart with validation

javascript,html,validation,charts

Try this: function gatherData() { var name = window.prompt('Please enter the name of the participant:'); name = name.replace(/\s+/g, ''); if ((/[^A-Z\s\-\']/gi.test(name)) || (name == '') || (name == 'undefined')) { alert ('You must enter a valid name! '); return; } var points = window.prompt('Please enter the achieved points of the...

Export google chart in a dashboard as png

charts,google-visualization,dashboard

A fiddle always helps! https://jsfiddle.net/kujxsn7z/ The things I changed: Created a div to hold the PNG output Your attempt to call getImageURI() was failing because you were applying it on a chartWrapper, not on a chart object. So to fix this you need to call, in your instance: chart.getChart().getImageURI() So...

Highchart Z-Index practice not functioning

javascript,jquery,charts,highcharts

You can disable events for dataLabels in CSS: .highcharts-data-labels { pointer-events: none; } And demo: http://jsfiddle.net/gdkazb9q/4/ Full solution for the above case by @Gags : events:{ mouseover: function() { $(".highcharts-data-labels").css("pointer-events","none") }, mouseout: function() { $(".highcharts-data-labels").css("pointer-events","visibleStroke") } } } ...

Adding Google Chart function to Objects

javascript,charts,google-visualization

You are getting "google is not defined" because you need this at the top of your code: <div id="cost_chart_div"> </div> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> // Load the Visualization API and the piechart package. google.load('visualization', '1.0', {'packages':['corechart']}); Once you have that in place, you should have no trouble doing what...

Javafx - How to Add Pie Chart to BorderPane from Different Class

java,charts,javafx

You are probably looking for public Chart(){ ObservableList<PieChart.Data>pieChart = FXCollections.observableArrayList( new PieChart.Data("Fruits", 75), new PieChart.Data("Vegetables", 25) ); setData(pieChart); // no need for this -> PieChart chart = new PieChart(pieChart); } or public Chart(){ super(FXCollections.observableArrayList( new PieChart.Data("Fruits", 75), new PieChart.Data("Vegetables", 25) )); } Edit after comment: setData(ObservableList data) is a method...

Javascript: Split array of arrays into multiple arrays

javascript,arrays,charts,firebase,flot

I created jsfiddle for you. Please tell, is it what you need? http://jsfiddle.net/1vdryy3L/1/ // first, we'll get all possible keys ('key' is e.g. "-JpgJnANTpQFprRieImv") var keys = []; for (var i in data) { for (var j in data[i]) { if (keys.indexOf(j) == -1) { keys.push(j); } } } var...

Change color of different points in same series Highcharts

javascript,jquery,angularjs,charts,highcharts

All you need to do is to replace array form of your data to object. This case you can set your color explicitly for (x = 0; x < 5; x++) { var item = $scope.jsondata[x]; newdata.push({name:setName(item.name), y:item.data, color: getColor(item.data)}); } Here's my update to your plunker http://plnkr.co/edit/UaW6RqM4PsGoy5IdpXDR...

How to add a dynamic marker to a BIRT chart

charts,birt

I have found the issue with the script. I tried giving a hard coded value to the min_value then it worked. After debugging i found out that the data format of the X axis was with decimals which didn't match with the integer format value taken from the database. From...

Spline chart drawn on the xaxis in case of single value or constant values - highchart

javascript,html,charts,highcharts

I would set yAxis.minRange option, demo. It won't place line exactly in the middle, but will make some extra space on top and bottom.

C#. WPF. Problems with Chart Building

c#,wpf,charts

You need to add a ChartArea before it will plot private void build() { for (int i = 0; i < boundData.Count; i++) { var chart = new Chart(); var ser = new Series(); chart.ChartAreas.Add(new ChartArea("Area1")); ser.ChartArea = "Area1"; ser.Name = "Series1"; ser.ChartType = SeriesChartType.Bar; ser.Color = System.Drawing.Color.Blue; ; chart.Series.Add(ser);...

WPF: after add WPF Toolkit DLL

wpf,charts,wpftoolkit

At the end of the opening Window tag, the tutorial's code imports the namespace your are talking about. Do you have the following XAML in your opening Window tag? xmlns:chartingToolkit= "clr-namespace:System.Windows.Controls.DataVisualization.Charting; assembly=System.Windows.Controls.DataVisualization.Toolkit" If you are unfamiliar with referencing CLR namespaces from XAML, I strongly recommend reading this MSDN introduction on...

What is the simplest way to create a pie chart?

javascript,jquery,html,css,charts

I was in your situation, I've tried different scripts about charts and my choice was Google Charts in his version of Material Design: Nice Docs. Nice Design. AJAX. Etc. And it has a lot of charts, not only a Pie Chart....

Winforms Chart not displaying x-axis labels in ascending/descending order

c#,.net,winforms,visual-studio,charts

Your first question can be answered: If you don't want the new DataPoints to be added at the end of the Points collection, you need to insert them at the right spot. Here is an example for inserting a DataPoint(yourXValue, yourYValue) into a Series S: // we try to find...

Plot an axis by converting time over different dates in second

excel,graph,charts,axis,curve

Create another column that converts your date and time to "date and time" by using SUM(<Date Cell>,<Time Cell>) Excel would automatically do the date and time addition for you Tried this in Excel 2013 and it works well....

google charts change background color

charts,background,google-visualization,background-color

First, you've placed your backgroundColor: '#fcfcfc', at the wrong place. You have defined it inside of chart:{}while you should do it either outside any object or inside of chartArea like: var options = { chart: { title: 'Company Performance', subtitle: 'Sales, Expenses, and Profit: May-August' }, backgroundColor: '#fcfcfc' }; which...

how to hide column chart gridlines xlsxwriter

python,charts,hide,xlsxwriter,gridlines

If you take a look at the documentation for the chart class, there are the methods set_x_axis and set_y_axis. It takes a dictionary of formatting options. One of the options you can pass is {'visible': False}. You can also configure just the major or minor gridlines with {'major_gridlines' :{'visible': False}}...

Chart JavaFX, my hover Label are hidden by the edges of chart

charts,javafx,popup,linechart

I have been looking on the JavaFX CSS reference guide and I could'nt find anything to simply solve your problem. A possible solution is to translate your symbol depending on how near it is to the max or min value. I wrote something like this, based on your code :...

Increment x axis value by 10 instead of 1

javascript,html,charts,highcharts

I was looking for pointInterval, which not only set the value of the tick but also of the value.

How to start points of X axis in C# chart

c#,charts

If you want control over the X-Values you should add the DataPoints using the AddXY method. using this for (int i = 0; i < 15; i++) chart1.Series["Trial 1"].Points.AddY(i * 50); or this for (int i = 0; i < 15; i++) chart1.Series["Trial 1"].Points.AddXY(i, i * 50); results in these...

Responsive more than one google charts

javascript,charts,google-visualization

The problem is that you're using the same var chart. And of course using it all over again, the chart variable will keep a reference of the 3rd chart. Declare a different variable for every chart like this: var reservationChart; //............ reservationChart = new google.visualization.ColumnChart(document.getElementById('chart_reservations')); reservationChart.draw(dataTable1, options); And then the...

Google chart redraw onclick

javascript,jquery,drop-down-menu,charts,google-visualization

Change your js to look like below. Create chart variable outside the drawChart function and instead of creating new chart use everywhere the one you already have. Working example here jsfiddle google.load("visualization", "1", {packages:["corechart"], "callback": drawChart}); google.setOnLoadCallback(drawChart); var chart; function drawChart() { var data = google.visualization.arrayToDataTable([ ['Task', 'Hours per Day'],...

Change Lineseries thickness in WPFToolkit.Chart C#

wpf,charts,code-behind,lineseries

Have you tried adding a Style for the serie's Polyline instead? It seams the style for the LineDataPoint is actually for every point on the serie. Here is a working sample of a chart fully created on code-behind. You just have to create a window named MainWindow and add a...

Rounded Ends on Circular Graph? iOS?

ios,cocoa-touch,graph,charts

Not sure what kind of difficulties do you have any? If just with drawing, so there is one way: @interface ArcView () @property (nonatomic) double arcAngel; @end @implementation ArcView - (void)drawRect:(CGRect)rect { [super drawRect:rect]; CGPoint center = CGPointMake(CGRectGetWidth(self.bounds) / 2, CGRectGetHeight(self.bounds) / 2); double lineWidth = 10; double radius =...

Can PHPExcel add a sheet chart (as opposed to embedded chart)?

php,charts,phpexcel

As stated by @MarkBaker in the comments, the answer is simply "No" (at least not in version 1.8.1). In my use case I was using PHP to generate an Excel workbook based on some processed data from different sources. What I did is to add VBA in Sub Workbook_Open() on...

how to style style line chart points in c3js

javascript,d3.js,charts,linechart,c3

You'd probably need to dip into the D3 code to manipulate them on the svg, something like this: d3.selectAll("circle") .attr("r", 10) .style("fill", "white") .style("stroke", "black") .style("stroke-width", 5); ...

KendoUI stockchart marker plotting issue respect to axes

charts,kendo-ui

Try setting the categoryAxis justified property to false, then for the valueAxis set min and max values to include all your points with some room to spare. categoryAxis: { justified: false, }, valueAxis: { min: <lowest val in your data>, max: <highest value plus some margin for the trianb=gle marker>...

Why do Chart Stacked Columns show up as thin lines?

c#,charts,series,stacked-chart

You probably have wrong X-Values for the purpose. Note that your Series can only stack where DataPoints have the same X-Value. DateTimes include times downto fractions of a second, so they will never stack unless you twist them to meet your goal.. You code is closely missing the point here:...

custom attribute type directive to set the background color of c3 chart

angularjs,charts,angularjs-directive,c3.js,c3

Firstly, I'm not familiar with angular. Basically, after the chart is created, you insert the rectangle, and then style the background colour of the rectangle. Since I don't know angular very well, and I don't know how the timing of events / binding works, I have used setTimeout to wait...

Show only some series in HighCharts spline chart

javascript,charts,highcharts

I would just manipulate the JSON data before injecting it into Highcharts. Assuming your JSON API returns the array of series data... // var series = getSeriesDataViaAjax(); var showTheseIndexes = [0,2,4]; for (var i = 0; i < series.length; i++) { if (showTheseIndexes.indexOf(i) === -1) { series[i].visible = false; }...

Geochart - mark one country with a special color

javascript,google-maps,charts

If you specify the defaultColor and give Canada no value, this will do exactly what you want. So something like: google.setOnLoadCallback(drawRegionsMap); function drawRegionsMap() { var data = google.visualization.arrayToDataTable([ ['Country', 'Popularity'], ['Germany', 200], ['United States', 300], ['Brazil', 400], ['Canada', null], ['France', 600], ['RU', 700] ]); var options = {defaultColor: 'red'}; var...

Highcharts GANTT Chart Tooltip Mouse-over Tracking Issue

javascript,jquery,charts,highcharts

It should be already fixed on the master branch: http://jsfiddle.net/2xkfm87e/14/ And fix will be included in the next release. URL to the branch's CDN: <script src="http://github.highcharts.com/highstock.js"></script> ...

How to change the colour and style of MajorGrid of AxisY in ASP.net chart

c#,asp.net,charts

May be this post will help you to change color of grid but keep AXIS same Visual Studio 2010 Chart control - line color. For line style Chart1.ChartAreas[0].AxisY.MajorGrid.LineDashStyle = System.Web.UI.DataVisualization.Charting.ChartDashStyle.Dash; ...

D3.horizon Chart not rendering

javascript,json,d3.js,charts

Your SVG isn't being added to the DOM because there is no element with id="body". Line 218 needs to use tag selector body instead of id selector #body, and then the SVG will exist in the document. Once in the document, note that the data points in the SVG are...

y-axis values are way to high

javascript,jquery,html5,charts,chartjs

I quickly built a dynamic height chart with some extra JS. See JSfiddle: http://jsfiddle.net/ux1zxj2w/1/ var data = { labels: ["January", "February", "March", "April", "May", "June", "July", "January", "February", "March", "April", "May", "June", "July", "June", "July"], datasets: [{ fillColor: "rgba(220,220,220,0.5)", strokeColor: "rgba(220,220,220,0.8)", highlightFill: "rgba(220,220,220,0.75)", highlightStroke: "rgba(220,220,220,1)", data: ["290117", "350289", "2564303", "789082",...

R stacked area chart - ignore NA and retain full x-axis

r,plot,charts

If you wish to transform your year to factor, on the lines of the code below: # Transform the data to long library(reshape2) df <- melt(data = df, na.rm = FALSE, id.vars = "Year") df$Year <- as.factor(df$Year) # Chart require(ggplot2) ggplot(df, aes(Year, value)) + geom_area(aes(colour = variable, fill= variable), position...

C# Chart alignment axis label

c#,.net,charts

Besides shortening the content to avoid any redundancy you could try to trick the label formatter by adding a few blanks to the right, then a non-breaking space and then a \n. Here is the result before and after: I have used this code: A.AxisX.LabelStyle.Format = "MM.dd.yy"; A.AxisX.LabelStyle.Format = "MM.dd.yy...

vertical bar chart with with user input and validation

javascript,html,validation,charts

Kentas, here is my entire version of your code with the addition of an input box to get maxPoints: <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>examAnalysis</title> <style type="text/css"> div { float: left; margin-right: 10px; } div p { text-align: center; } </style> <script type="text/javascript"> var participant = []; var maxPoints...

EXPLAINE : Highstock Displaying 1.7 million data points in Highcharts Stock

javascript,json,charts,highcharts,highstock

You cannot load form filesystem (security reasons in browsers) so you need to have a webserver. Please check our article how to load data and process

Do not show a label in windows form chart when that label is 0 - vb.net

vb.net,winforms,charts

Instead of showing the labels if they aren't zero, hide them if they are zero: For Each dp As DataPoint In Chart1.Series("Series1").Points If dp.YValues(0) = 0 Then dp.IsValueShownAsLabel = False End If Next ...

ChartJS line chart set background color

javascript,canvas,charts,chartjs

Here's one way to get a fully-opaque version of your ChartJS: Wait until the chart is fully animated out and complete. You can do this by adding the onAnimationComplete property to the chart. In the onAnimationComplete function: Create an in-memory temporary canvas of equal size as your chart. Fill the...

MPAndroidChart - issues with setVisibleYRange, does not work for setting higher values

android,view,charts,mpandroidchart

Yes you are missing something. This is not a "zoom" method. It's only purpose is to restrain the maximum visible range of values displayed on the y-axis. If the current visible range is 100, and then setVisibleYRange(50) is called, the visible range will be reduced to 50 since the current...

Custom tooltip names Pie Chart

javascript,charts,highcharts

How about changing format fo data to array of objects? For example: [{y: 300, suffix: ""}, {y: 700, suffix: " remaining" }] Then in tooltip set add suffix info: return 'Daily KB: <b>'+ this.point.y +'</b>' + this.point.options.suffix; ...

Chart set Vertical Bar Marker

c#,.net,winforms,charts,data-visualization

The most obvious way is to add a VerticalLineAnnotation. Here is an example: First I set up a few things: int yourPointIndex = 635; Series S1 = chart1.Series[0]; ChartArea CA1 = chart1.ChartAreas[0]; Now I create the Annotation and style it a little: VerticalLineAnnotation LA = new VerticalLineAnnotation(); LA.LineColor = Color.Red;...

C3 js line chart getting error for date

javascript,charts,c3

Your dates array needs a first value with the name/id of the 'set', such as: var dates = ['Dates', '20130101', '20130102', '20130103', '20130104', '20130105', '20130106']; The data object's x property needs to match this. In the code above you've got differing values: Dates and date. data: { x:'Dates', You were...

pChart - GUI and Local Windows Use

php,charts

1 The closest thing to a GUI for pChart is the sandbox system http://wiki.pchart.net/doc.sandbox.html 2 The installation guide is loaded here: http://wiki.pchart.net/doc.installation.html with instructions how to access the examples here http://wiki.pchart.net/doc.examples.html 3 No, pChart is a PHP library, therefore it must be run on a web server. You could possibly...

Draw line chart dynamically using database values

javascript,php,jquery,mysql,charts

try this example this will help you to solve your question. here is link to this example: line charts example and you can change labels on x- axis using this syntax: labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] just try to change like this...

Combined bar and line chart JfreeChart. Trying to make a 3 point average with the line chart. The values do not line up correctly

java,charts,jfreechart

I ended up using a try and catch block, but an if and else also would have worked. Where you dont want any values just put null as the value. for(int i=0;i<ints1.size();i++) { dataset.addValue(ints1.get(i), "Good Product", "Hour" + String.valueOf(i+1)); dataset.addValue(ints2.get(i), "Bad Product", "Hour" + String.valueOf(i+1)); try{ dataset2.addValue((ints1.get(i) + ints1.get(i-1) +...

Charts with daily results from Database

javascript,php,mysql,json,charts

You need to have a lookup for the list of dates, like a table or something which has all the dates that you want to plot. And then, join that column to get count of logins for each date (use IFNULL(login_count,0) to consider zero for the dates that are missing)....

Custom JS chart similat to a vertical progress bar

javascript,charts

Seems like you're looking for a bullet chart. Most of the major charting libraries provide bullet charts as a standard chart type. You could also implement it as a column (vertical bar) chart with some additional styling. Here is a ZingChart demo of a vertical bullet chart with an area...

Drill through reports in SSRS

sql,reporting-services,charts,report,ssrs-2008-r2

Yes - this can be done. On the charts, Series Properties, you use the Action tab and Go To Report. Choose your drill through report and Add the parameters. For your Agent parameter, you would use your =Fields!AssignedTo.Value as the parameter Value. This will pass the selected pie slice as...

Pure CSS3 or SVG animated Doughnut Chart

html,css,css3,svg,charts

How about this <svg width="100%" height="100%" viewbox="0 0 100 100"> <circle cx="50" cy="50" r="40" fill="tomato"/> <circle cx="50" cy="50" r="40" fill="transparent" stroke-width="20" stroke="grey"/> <circle cx="50" cy="50" r="40" fill="transparent" stroke-width="20" stroke="#00CCFF" stroke-dasharray="251.2" stroke-dashoffset="80%"/> <text x="40" y="50" fill="black" font-size="10">Text</text> </svg> ...

Changing code to get vertical bars in javascript

javascript,html,charts

Change var barHeight = 20; to var barWidth = 20; Change bar.style.height = barHeight + 'px'; to bar.style.width= barWidth + 'px'; Change bar.style.width = ((participant[i].points / maxPoints) * 100) + '%'; to bar.style.height= ((participant[i].points / maxPoints) * 100) + '%'; This will make the charts vertical but they will be...

Changing x axis ticks in Material google bar charts

javascript,charts,google-visualization

I honestly dont know how to construct the ticks and viewWindow equivalences when using googles material bar charts. It is not so well documented and still in beta. However, a nice trick is to use google.charts.Bar.convertOptions() which translates google visualization options into material chart options : var chart = new...

Any third library to draw a Half Pie Chart (Semi Circle) with Animation in iOS?

ios,animation,charts,pie-chart

I got it applying some changes to the example project of MagicPie Its a third library that works with Core Animation. Changing the properties 'startAngle' and 'endAngle' of the the property 'PieLayer' in the UIView where the Pies are drawn. self.layer.startAngle = 0; self.layer.endAngle = 180; ...

How to copy text and charts in an Excel sheet to Outlook body?

excel,vba,charts,outlook

Perhaps something like this: Sub createJpg(Namesheet As String, nameRange As String, nameFile As String) ThisWorkbook.Activate Worksheets(Namesheet).Activate Set Plage = ThisWorkbook.Worksheets(Namesheet).Range(nameRange) Plage.CopyPicture With ThisWorkbook.Worksheets(Namesheet).ChartObjects.Add(Plage.Left, Plage.Top, Plage.Width, Plage.Height) .Activate .Chart.Paste .Chart.Export Environ$("temp") & "\" & nameFile & ".jpg", "JPG" End With Worksheets(Namesheet).ChartObjects(Worksheets(Namesheet).ChartObjects.Count).Delete...

Dynamically create charts with wpf toolkit

c#,wpf,charts,wpftoolkit

Just found the slution to my problem var barSeries = new BarSeries { Title = "Fruit in Cupboard", ItemsSource = new[] { new KeyValuePair<string, int>("TOR", 10), new KeyValuePair<string, int>("SOC", 15), new KeyValuePair<string, int>("BOS", 18), new KeyValuePair<string, int>("NON", 11) }, IndependentValueBinding = new Binding("Key"), DependentValueBinding = new Binding("Value") }; myChart.Series.Add(barSeries); ...

How to add gradient color fill to the points of scatter plot using google Charts?

javascript,html,charts

If I read your question correctly, you aren't trying to show the 3rd series and are just trying to set the color of the point based on that value. If that is correct, you can do something like this: google.load("visualization", "1.1", {packages: ["corechart"]}); google.setOnLoadCallback(drawChart); function drawChart() { var data =...

Transform function view in Class Based View Django + chartit

django,function,charts,django-generic-views

class MyTemplateView(TemplateView): template_name = 'core/linechart.html' def get_ds(self): return DataPool(...) def get_water_chart(self): return Chart(datasource=self.get_ds() ...) def get_context_data(self, **kwargs): context = super(MyTemplateView, self).get_context_data(**kwargs) context['weatherchart'] = self.get_water_chart() return context in urls should be something like this url(r'^$', MyTemplateView.as_view(), name='index'), ...

Can PHPExcel add a trend line on a line chart?

php,charts,phpexcel

As stated by @MarkBaker in the comments, the answer to the question is "no" (at least not in version 1.8.1). In my use case I was using PHP to generate an Excel workbook based on some processed data from different sources. What I did is to add VBA in Sub...

Adding value in Google Charts

javascript,html5,charts,google-visualization

data.setValue(0, 1, data.getValue(0, 1) + valueToAdd) would add valueToAdd to your already existing value.

chartjs table each making series not proceeding to next tr

javascript,charts,chartjs

In generateDataSetsFromTable(), move your dataset creation outside of the tr loop (rows.each) function generateDataSetsFromTable() { var data; var datasets = []; var rows = jQuery("tr"); var data = []; rows.each(function(index){ if (index != 0) // we dont need first row of table { var cols = $(this).find("td"); cols.each(function(innerIndex){ if (innerIndex!=0)...

How to instruct highcharts scatter chart to print all dataLabels

javascript,charts,highcharts,overlap

You can set allowOverlap: true, like this: plotOptions: { series: { dataLabels: { allowOverlap: true } } } See this updated JSFiddle demonstration....

Google charts different colors w/ single series Material bar chart

charts,google-visualization

It really seems impossible. There is no clou anywhere for Material Charts using individual colors, and if you set a color array the old way, like colors: [...] the Material Chart just adopt the first color and add this to all the bars. I believe this is not implemented in...

CanvasJS real time line chart

javascript,charts

You can find the answer here. Just so that the answer remains here, in case the link is broken. Here is how you can display MySQL data in CanvasJS, Create a PHP service that returns data in JSON format. HTML page that does AJAX request to the server and fetches...

How to show values in C3.js in Donut Legend?

javascript,d3.js,charts,c3

You can manually edit/adjust the text of the legend by using a D3 selector, as done in the example below. However, depending on the text you change it to, you might have to modify they size/positioning of the label too, i.e. get further into D3 manipulations. But just to do...

xaml c# chart with custom axis label

c#,wpf,xaml,charts

First create a Converter to convert the numeric values to alphabet ones: public class NumericToAlphaConverter:IValueConverter { public object Convert(object value, Type targetType, object parameter, CultureInfo culture) { switch (value.ToString()) { case "1": return "A"; case "2": return "B"; case "3": return "C"; case "4": return "D"; case "5": return "E";...

Angular nvd3 MultiChart X Axis Calibration issue with dual Y Axis

javascript,angularjs,charts,nvd3.js

This can be solved with the following trick. However, I don't think it'll be a more realistic solution when comes in to general usage. If all series do have same X coordinates, this problem won't arise. If subsequent series don't have data points for every x coordinate, need to introduce...

Why does the NVD3.js line plus bar chart example render two charts instead of one?

javascript,d3.js,charts,nvd3.js

This second char is a focus chart — it allows user to select and magnify particular part of the main chart. To disable it, just set focusEnable option to false, like this: nv.addGraph(function () { var chart = nv.models.linePlusBarChart() .margin({ top: 30, right: 60, bottom: 50, left: 70 }) .x(function...

D3.js Enter, Update, Exit issue

javascript,d3.js,charts,updates

Your reDraw function appends the svg, this means every time you call redraw a new svg is appended, hence the double chart. I would suggest to put the lines var stepbars = d3.select("#steps-bar") .append("svg:svg") .attr("width", width) .attr("height", height) above the reDraw function. Furthermore, your redraw function does not call remove....

Annoying struct error in C

c,struct,charts

struct Chart { //something }; creates a user-defined data type. A data type cannot have a value. You need to have a variable of that type to put some value into it. So, you need to define a variable of that type to use it, like struct Chart Chart[10]; and...

How to find the width of single cell in xaxis ? ( Refer screenshot )

javascript,jquery,css,charts,highcharts

You can extract that information from xAxis object, by translationSlope param. chart.xAxis[0].translationSlope Example: http://jsfiddle.net/y5Lob9f3/...

CanvasJs hide certain lines in chart whe mouse is over legend point

javascript,charts,canvasjs

You can hide / unhide any dataSeries by setting its visible property to false / true on mouseover & mouseout of legend items. Here is a jsfiddle function onMouseOver(e) { for(var i = 0; i < e.chart.options.data.length; i++) { if (e.dataSeries !== e.chart.options.data[i]) { e.chart.options.data[i].visible = false; } else {...

Highcharts issue updating chart type: not recognizing highcharts functions

javascript,jquery,charts,highcharts

http://jsfiddle.net/2j1g200g/29/ var options = { chart: { type: 'line', renderTo: 'chart_example' }, title: { text: 'Traffic' }, xAxis: { categories: ['November', 'December', 'January'] }, yAxis: { title: { text: 'Views' } }, series: [{ name: 'Hello', data: [50, 30, 60] }] }; chart = new Highcharts.Chart(options); options.chart.type = 'bar'; chart...

Responsive axis with percentage coordinates

javascript,svg,d3.js,graph,charts

This isn't possible with D3. The axis component will generate an axis that corresponds to the associated range, i.e. to make it any particular size, you have to modify the output range of the associated scale. You can do this quite easily in a responsive manner though by computing the...

Highchart - Changing label text of the yaxis programatically

javascript,jquery,charts,highcharts

Have a look at axis.update(). This will let you modify just about anything about an axis. To get which axis to update you can specify by the index (the order in which you added he axis starting at 0).

Google chart object error: google not defined

javascript,object,charts

You would normally want to load the corechart component just after you've called the Google JSAPI, so this way it is only loaded once per page load - if you put it in the function that draws your chart, you'll be reloading that file every time your function is drawn....

Set custom colours for tooltip squares Chart.js

jquery,charts,html5-canvas,bar-chart,chartjs

You can wrap Chart.MultiTooltip to put in your colors and the call the actual tooltip draw. var originalDraw = Chart.MultiTooltip.prototype.draw; Chart.MultiTooltip.prototype.draw = function() { this.legendColors[0].fill = "green"; this.legendColors[1].fill = "blue" originalDraw.call(this, arguments) } Fiddle - https://jsfiddle.net/fxts741r/...

designing “pretty” user controls [duplicate]

c#,wpf,design,charts,user-controls

In order to fulfil your requirements, you will need to create a CustomControl. You can find a basic tutorial in the How to Create a WPF Custom Control page on WPF Tutorial.net, but you will need to do more than shown there. You can find a better tutorial in the...