FAQ Database Discussion Community


Center of chart(pieChart)

javascript,css,charts,highcharts,typescript
I want to set title of pieChart in the middle of circle like this http://jsfiddle.net/NVX3S/1036/ . title: { text: 'aSD<br>500 ASD.', align: 'center', verticalAlign: 'middle', } But: title.align is the option of the svg container, not the chart align! (Imagine what will happen if left of chart will be legend...

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

php,charts,phpexcel
At the moment of this writing the current version of PHPExcel is version 1.8.0. I know how to make a chart and embed it in a worksheet, I basically followed the provided example. Excel allows to either embed a chart into a worksheet or otherwise make a chart sheet. A...

Custom tooltip names Pie Chart

javascript,charts,highcharts
I'm using Highcharts pie chart and I want to add custom suffix for each point. For example now I have this in the tooltip formatter: tooltip : { formatter : function() { return 'Daily KB: <b>'+ this.point.y +'</b>'; } }, and the way the pop up is displayed is something...

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

javascript,charts,canvasjs
I made multiple line chart with legend and now I interested if it is possible to make next: when mouse is over any point from legend then all lines in a chart that are not belong to this legend point become hidden or just invisible? I will be grateful if...

CanvasJS real time line chart

javascript,charts
I am currently busy with setting up a business intelligence environment for Elderly Patients. The elderly are wearing a bracelet that measures acceleration and their heart rate. The heart rate part is going to be a static chart (not a real time one), I have finished that one. The whole...

Remove axis line from chart c#

c#,winforms,charts
I want to remove axis line from chart in c#. I want to have only point there. How to do that? Here is a result Here is Code: public ChartBuilder(ref Chart chart, double minValue, double maxValue) { this.chart = chart; this.chart.Series.Clear(); chart.ChartAreas[0].AxisX.Minimum = minValue; chart.ChartAreas[0].AxisX.Maximum = maxValue; chart.ChartAreas[0].AxisY.Minimum = minValue;...

WPF: after add WPF Toolkit DLL

wpf,charts,wpftoolkit
After add rrr DLL i am looking at this tutorial. Do i need to add some reference in my XAML in order to find chartingToolkit:Chart ?

Uncaught Error: Container Is Not Defined - Google Charts

javascript,charts,google-visualization
I'm trying to load a google chart and am getting the following answer: Uncaught Error: Container is not defined I've read the other questions about this message for Google charts and the most common problem seems to be if getElementById isn't working correctly. However, I don't believe this is the...

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

javascript,jquery,css,charts,highcharts
I am new to charts and I have a question: how do I find the width of a single cell in the x-axis? ...

vertical bar chart with with user input and validation

javascript,html,validation,charts
i need a make a code where the user can add the max points, achieved points and his name. this is my code..most things are already working, i just need a function to change the max points, right now its a static number. <head> <title>examAnalysis</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" />...

chartjs table each making series not proceeding to next tr

javascript,charts,chartjs
I am having a rather annoying problem and think I am just missing something obvious. I am using chartjs to create a chart from a table. The table is dynamic but is simple text. The problem is that when the chart is generated all values in the table are in...

Responsive axis with percentage coordinates

javascript,svg,d3.js,graph,charts
In an attempt to build a responsive scatter graph with d3.js, I'm using %-based coordinates in a 100% x 100% svg element. How can I .call(axis) and get it to layout the axis using % and not px values, so that they always fit the svg and the plotted data?...

KendoUI stockchart marker plotting issue respect to axes

charts,kendo-ui
I am trying to create a stockchart using kendoUI. Things are working fine but with some issues. Plotting of marker is not as expected. It is not placed on the desired point on chart area. Here is the code I have been done for it: $($context).kendoStockChart({ dataSource : { data...

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

android,view,charts,mpandroidchart
Working with MPandroiChart i have encounterd a problem, i am adding dynamical data and am trying to have the chart fit the highest data at all times, using "setVisibleYRange()" seems to work fine when i need to narrow down the view but does not seem to work when i need...

Highchart Z-Index practice not functioning

javascript,jquery,charts,highcharts
I have a highcharts scenario wherein my outer PIE and Inner PIE labels are getting overlapped for few cases. Now, my requirement is that person can click on PIE labels can click on Outer Pie also. Now the problem is that when someone click on overlapped area of OUTER PIE...

Show image instead of text in MPAndroidChart pie chart

android,charts,mpandroidchart
I have a pie chart in my android application that i draw with MPAndroidChart. <com.github.mikephil.charting.charts.PieChart android:id="@+id/chart" android:layout_width="400dp" android:layout_height="400dp" android:layout_centerInParent="true" /> PieDataSet pieDataSet = new PieDataSet(entries, "expenses"); pieDataSet.setColors(ColorTemplate.PASTEL_COLORS); pieDataSet.setDrawValues(false); PieData data = new PieData(xValues, pieDataSet); chart.setData(data); chart.getLegend().setEnabled(false); chart.setDescription("");...

how to style style line chart points in c3js

javascript,d3.js,charts,linechart,c3
I have a general c3js question. I'm trying to make the points in a C3JS line chart "hollow" (white fill, with a colored stroke), but am having a hard time figuring out how to do that. I've tried to add my own CSS, but it gets overwritten by the direct...

designing “pretty” user controls [duplicate]

c#,wpf,design,charts,user-controls
This question already has an answer here: Creating a WPF Custom Control 2 answers I would like to create a user control which represents a pie chart and offers some mouse-over (tooltips / highlighting) and on-click events for the different parts of the chart. However since i can not...

Highcharts GANTT Chart Tooltip Mouse-over Tracking Issue

javascript,jquery,charts,highcharts
By default, mouse-over tracking in Highcharts tracks to the closest point on the x-axis. This works well for other types of charts, however, with my GANTT chart [ http://jsfiddle.net/2xkfm87e/11/ ], this results in non-intuitive results for end users. In the sample image below, note that the cursor is closest to...

Chartkick gem, limit group in pie chart and multiple series

sql,ruby-on-rails,activerecord,charts,highcharts
I have small problem with grouped records. Chart code: <%= pie_chart CountChatLine.group(:channel).count %> The problem is, that I have more than few :channels in database, and chart looks like this: Can I somehow take only N top :channels and sum rest of it as others or something? Or add to...

how to hide column chart gridlines xlsxwriter

python,charts,hide,xlsxwriter,gridlines
How do I hide the column grid lines on a chart in xlsxwriter. I looked at the documentation page in the chart formatting section and wasn't able to find any example. Thanks!...

Google chart redraw onclick

javascript,jquery,drop-down-menu,charts,google-visualization
I am trying to make a chart from which the data is selectable through various dropdown menu's and a date selector. I can't seem to find a way to pass new data in the chart on a click event. I got it working so far that onClick, it draws an...

Charts with daily results from Database

javascript,php,mysql,json,charts
I want to create a chart showing "userlogins" of an application each day in the month. Further I want to show them in my charts depending on their usergroup (paid or free user). The problem: I get all those userlogins from my database. Unforunately there are days where no one...

C# Chart alignment axis label

c#,.net,charts
I have some custom labels in column chart (a bit of my code): chart.ChartAreas[0].AxisX.IsMarginVisible = true; chart.ChartAreas[0].AxisX.LabelStyle.IsEndLabelVisible = true; chart.ChartAreas[0].AxisX.LineColor = Color.LightGray; chart.ChartAreas[0].AxisX.MajorGrid.LineColor = Color.LightGray; chart.ChartAreas[0].AxisX.LabelStyle.Angle = 0; chart.ChartAreas[0].AxisX.LabelStyle.Font = new Font("Trebuchet MS", 10); chart.ChartAreas[0].AxisX.MajorTickMark.LineColor = Color.LightGray; chart.ChartAreas[0].AxisX.Interval = 1;...

Dynamically create charts with wpf toolkit

c#,wpf,charts,wpftoolkit
I want to dynamically create a chart woth wpf toolkit without using xmal for binding dependant and independant values; this code is not working Chart myChart = new Chart(); BarSeries colser = new BarSeries(); myChart.Width = 250; myChart.Height = 250; myChart.Title = "chart"; List<KeyValuePair<string, int>> valueList = new List<KeyValuePair<string, int>>();...

Chart not displaying

javascript,charts,pygooglechart
I've tried the below code to display chart but for some reason its not working. I tried to display chart with line chart, with different color points. I'm trying to create google line charts <!DOCTYPE html> <html> <head> <script type='text/javascript' src='https://www.google.com/jsapi'></script> <script type='text/javascript'> google.load('visualization', '1', {packages: ['corechart']}); google.setOnLoadCallback(drawLoadChart); function drawLoadChart()...

Chart set Vertical Bar Marker

c#,.net,winforms,charts,data-visualization
On my Chart, I want to put an obvious red vertical bar which goes from a specific point on the plot down to the x-axis. Is there a way to do this? Based on the documentation, it doesn't seem like this option is available or perhaps I'm looking in the...

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

c#,.net,winforms,charts,drawing
In the designer I have two TextBoxes. And also a Chart control. I want that when I type in the first textBox the number 120 and in the second one type the number 1 it will draw a point on the chart in 120,1 but I mean 120 and 1...

Can PHPExcel add a trend line on a line chart?

php,charts,phpexcel
At the moment of this writing the current version of PHPExcel is version 1.8.0. I know how to make a chart and embed it in a worksheet, I basically followed the provided example and modified it to create a line chart with multiple lines / data series based on a...

Transform function view in Class Based View Django + chartit

django,function,charts,django-generic-views
I have this function view. How to transform this function in Class Based View? In this case i use TemplateView? def linechart(request): ds = DataPool( series=[{'options': { 'source': MonthlyWeatherByCity.objects.all()}, 'terms': [ 'month', 'houston_temp', 'boston_temp']} ]) cht = Chart( datasource=ds, series_options=[{'options': { 'type': 'bar', 'stacking': False}, 'terms': { 'month': [ 'boston_temp',...

Export google chart in a dashboard as png

charts,google-visualization,dashboard
I am trying to export google chart in a dashboard to png image through a button. But I get the following error- One or more participants failed to draw() undefined is not a function Here is the code: <html> <head> <!--Load the AJAX API--> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> //...

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

vb.net,winforms,charts
I have a windows form which contains a pie chart (using the chartcontrol). There are 5 datapoints in this chart which are entered using 5 numericupdown box. I have a code that plots the pie chart and shows the label as well. However, the chart shows a "0" label when...

Pure CSS3 or SVG animated Doughnut Chart

html,css,css3,svg,charts
I am looking for a pure CSS3 or SVG animated doughnut chart. Need to have the middle circle fill colour the outer circle to be split with a grey and a blue ie: blue 80% complete, grey 20% left remaining. need text in the middle of the circle. I have...

How to show tooltip on a Google Pie Chart on legend hover?

charts,google-visualization,legend,mousehover,legend-properties
I want to show the tooltip of the slices on the mouse hover in the legend. By default it shows the tooltip only when the mouse is over a slice of the pie. Currently the nearest thing I have is to show the tooltip when I click on the legend,...

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

excel,vba,charts,outlook
I am trying to copy text (Constant Range of Cells) and charts in an excel sheet to an outlook body, however so far I succeeded in copying only charts but not text. I want to know the best way to copy both text (in the selected range) and charts from...

Geochart - mark one country with a special color

javascript,google-maps,charts
There is a standard example of Google Geochart, countries have a scale color depends on value. My question is how to mark one country, for example Canada, with an red one, but leave another countries like before. It is ok if Canada will be without value, just how to mark...

Adding value in Google Charts

javascript,html5,charts,google-visualization
I'm trying to build a chart on some dynamic data. I found Google Chart api which looks easy to use however I'm having problem modifing my row values. For example in this code Mushroom initially has the value of 3 but later when I parse more data and I get...

Angular nvd3 MultiChart X Axis Calibration issue with dual Y Axis

javascript,angularjs,charts,nvd3.js
I am working on a solution where I may need to plot multiple series in a single chart to show an analysis on the given data. Therefore, I have used Angular nvd3 multiChart to display multiple bar charts based on right-Y axis, while the other chart based on left-Y axis....

Google charts different colors w/ single series Material bar chart

charts,google-visualization
Using {role: 'style'} I can apply different colors to a single series bar chart. But if I use the new Google "Material" barcharts, I can't. "regular" Google charts (works): google.load("visualization", '1.1', {packages:['corechart']}); google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Element', 'Density', {role: 'style'} ], ['Copper', 8.94, 'color: #FF9900'], ['Silver',...

xaml c# chart with custom axis label

c#,wpf,xaml,charts
I use System.Windows.Controls.DataVisualization.Charting to draw and show a chart with a LineSeries whose Y values are in a range between 1 to 5. I add values to LineSeries with System.Collections.Generic.KeyValuePair(TKey,TValue). Instead of showing numbers from 1 to 5 in the Y label chart, I want to show letters from E...

Increment x axis value by 10 instead of 1

javascript,html,charts,highcharts
I'm using highcharts and I got my x axis which is incremented like that: My axis is incremented by 1 like that: 1,2,3,4,5,...,200 but I would like an axis with the value: 10,20,30,40,50,...,2000 So I would like to increment the x axis by 10 instead of 1....

Rotating charts in Chart JS

javascript,canvas,charts,rotation
I have a requirement for a chart that looks as such: I found Chart JS' Polar Area Chart, but it's not rotated as I needed. And since Chart JS doesn't seem to have a rotate property, I tried just rotating the canvas with CSS #myChart { -webkit-transform: rotate(-25.2deg); transform: rotate(-25.2deg);...

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

javascript,html,charts,highcharts
while using the older version of highchart - 2.1.6, if a plot had only one value or a series of same values, it would plot at the middle of the screen as below. But, ever since i have upgraded the version of the highchart to 4.1.5, the line sticks to...

Change Lineseries thickness in WPFToolkit.Chart C#

wpf,charts,code-behind,lineseries
I'm trying change the line thickness in a serie dinamically created, I need turn the line more thick. Below, follow the code to bind the created serie on chart component. It works fine, but I tryed adapt this in this code and I had no sucess. Please help, thanks. Style...

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

ios,animation,charts,pie-chart
Anybody knows any third library with permission granted for using it? I need to draw a Half Pie Chart like this, with an animation applied. I want to get something like this: This is what you get with HUChart but it is drawn without an Animation at all. I found...

Change color of different points in same series Highcharts

javascript,jquery,angularjs,charts,highcharts
I have recently been working with highcharts alot, and originally I got a finished product using a bar chart, but all of the different variables were in different series so it was kinda crammed. I am now trying to put stuff all in the same series (just trying different things)...

Why do Chart Stacked Columns show up as thin lines?

c#,charts,series,stacked-chart
I am trying to create a stacked column chart with 4 series in it. But somehow, after populating the series and making sure they are aligned, instead of columns, thin lines appears. Code is as below. foreach (Series s in chartEvents.Series) s.Points.Clear(); foreach (DataRow dr in data.Rows) { string reason...

vertical bar chart with validation

javascript,html,validation,charts
I changed my code abit, because i want some validation inside my code. before the the bars had the "%" on it and the name typed in under the bar, now if i type in 2 participants, it creates 4 bars instead of 2. At the place where the names...

Adding Google Chart function to Objects

javascript,charts,google-visualization
I'm trying to add a Google Charts feature to an object. I've tested out the following code in NetBeans and it has worked giving it arbitrary data arrays: google.setOnLoadCallback(costChart); function costChart() { var energyType = 'Monthly Cost'; var energySavings = [1,2,3,4,5,6,7,8,9,10,11,12]; //=this.costSavings var month = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sept','Oct','Nov','Dec']; // Create the data...

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

c#,.net,winforms,visual-studio,charts
The .net desktop-application receives response from the micro-controller and plots the data to the graph on time interval basis. If you look into the red-circled x-axis labels, you'll not find them in ordered manner. Eg. -20.0 should come before -20.4. The problem is, if you look into the code:...

Responsive more than one google charts

javascript,charts,google-visualization
I'm using google charts in my website, and since yesterday i'm searching about a solution to make my charts responsive, I found one in stackoverflow : <script> function resize () { // change dimensions if necessary chart.draw(dataTable1, options); chart.draw(dataTable2, options); chart.draw(dataTable3, options); } if (window.addEventListener) { window.addEventListener('resize', resize); } else...

Annoying struct error in C

c,struct,charts
I'm trying to create a programm to add, exclude and print state, city name, total population, men population, women population, mens percentage and womens percentage. I Keep getting this damn error: error: (on the 60th line)'Chart' undeclared (first use in this function) #include<stdio.h> #include<string.h> struct Chart { char uf[3]; //...

Problems with changing colors in chart winform

c#,winforms,charts,colors,series
I have a list with checked checkboxes. All the items on the list is painted on a chart as a line. When I uncheck an Item, this item must be painted as a gray line. This do also happen, but NeXT item in the list gets the color of the...

Javascript: Split array of arrays into multiple arrays

javascript,arrays,charts,firebase,flot
serious problem here, I have an array like this: [[0,50],[0,68],[1,26],[2,9],[2,32]] The form I need is to split this array into two separated arrays like this: array1 = [[0,50][1,0][2,9]] array2 = [[0,68][1,26][2,32]] Yeah you are right guys, I need that to build flot chart. If anybody interested in source of data...

y-axis values are way to high

javascript,jquery,html5,charts,chartjs
I'm working with ChartJS plugin and I'm getting some unexpected results from the y-axis. It renders way to high numbers. DEMO I got some random numbers and as you can se the highest number is 11260578, but it renders up to 20000000. Is there a way to limit it to...

Set custom colours for tooltip squares Chart.js

jquery,charts,html5-canvas,bar-chart,chartjs
When using Chart.js is it possible to change the colour of the squares within the tooltip that is used to respresent each bar? I've noticed that when you change the pointColor value it affects the colour of the squares but can you somehow use a different colour other than whats...

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

javascript,d3.js,charts,c3
here goes a simple example screenshot where you can see a donut chart. Is it possible to show the real values (not the %-calculated ones) in the legend of the chart like marked with red arrows in the screenshot? Everybody want's to know "22.7 percent of WHAT" when watching the...

Issues with JQuery Flot when activating the threshold

javascript,jquery,charts,flot
I'm trying to make a plot for a project requiring a threshold and tracking. So I follow these examples as a reference http://flotcharts.org/flot/examples/tracking/index.html http://flotcharts.org/flot/examples/threshold/index.html without the threshold, the plot with tracking working perfectly but when activated the threshold, the tracking didn't work on the 3rd & 4th line, just work...

How to add a dynamic marker to a BIRT chart

charts,birt
I have created a BIRT report with a chart which gets data from a oracle database. I got the chart done properly. Now i need to add 4-5 markers to the chart. Values for markers which could be changed are also stored in a database. I tried the scripts mentioned...

D3.horizon Chart not rendering

javascript,json,d3.js,charts
I'm trying to render a simple horizon chart like this example with D3.js and Horizon.js (from the venerable Jason Davies). I'm using some fitness tracker data. Unfortunately the Mike Bostock example uses a strange json layout and does some obscure pivoting/transposing of rows to cols; making it very hard to...

What is the simplest way to create a pie chart?

javascript,jquery,html,css,charts
I'm new to charts, graph, so on, and I'm trying to learn them. I want achieve this pie chart UI, but not sure which approach is the best. I want to make this piechart as easy to adapt as possible - meaning re-use it in a a diff places on...

BIRT: change font chart axis

charts,birt
i have a big report with all the text of grid, table, html element with fontFamily='Arial'. When i create a chart the list of font family is this: ['Cursive', 'Fantasy', 'Monospace', 'San-Serif','Serif']. There is a way to change the font of chart to 'Arial' and not to one of these?...

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

javascript,d3.js,charts,nvd3.js
I put together the following test code based on the example code provided by the NVD3 team at the library's official website. For some reason, I always see two charts drawn on the page: one has the proper labels on the two Y-axes and the proper labels on the X-axis...

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 have a dataset for my barchart lets say:{1,2,3,4,5,6,7,8,9}. Then I have my line chart which is suppose to be the three point average, which is the value of the barchart at that index, and the two values before that, then divided by three. The line chart should be nonexistent...

Drill through reports in SSRS

sql,reporting-services,charts,report,ssrs-2008-r2
I am making a report that takes in date parameters to filter result and shows the result in a pie-chart. I want to create a drill-through (could be drill down or any other type) where if a user clicks on a part of a pie chart which is divided by...

D3.js Enter, Update, Exit issue

javascript,d3.js,charts,updates
I have a relatively simple barchart. I want to .transition() between datasets with an .on("click") event. What I'm getting is a complete redraw of an additional chart appended to the DOM id, instead of removing the original chart and transitioning or replacing it. I think I'm misunderstanding how to correctly...

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

angularjs,charts,angularjs-directive,c3.js,c3
I am using Wasil C3 angularjs directives (http://wasil.org/angularjs-directive-for-c3-js-tutorial) and there is also a sample plunker through compilation (http://plnkr.co/edit/wiiUMk2KoHHrK4D1HdNu?p=preview). As need to set the back ground color of the sub chart, I am trying to create a custom attribute directive (subChartBgColor), so that on which ever chart I want to set...

EXPLAINE : Highstock Displaying 1.7 million data points in Highcharts Stock

javascript,json,charts,highcharts,highstock
Hello everyone i'm a beginner in highstock i want to work with this to convert my data to graph then i find some problem in this example of Lazy Loading i have much question : need to change this highstock to my data just use a simple data like this...

pChart - GUI and Local Windows Use

php,charts
I normally use LaTeX to create high quality charts. I found pChart (link) and was wondering. Is there a GUI in order to use the library? I never used PHP - maybe somebody can point me a to a "Hello World" for a setup to use pChart. Can I use...

Rounded Ends on Circular Graph? iOS?

ios,cocoa-touch,graph,charts
I am trying to reproduce the rounded ends on the circular graph it is not working out for myself. I tried google and cannot find the exact terminology to recreate it. Can anyone lead me in the right direction or tell me what I am looking for ? I want...

Draw a line against to indicate the max value in Amcharts

javascript,json,charts,amcharts
I am plotting a graph which contains a lot of data. 96 plots a day and the user can fetch data for a maximum range of 62 days. I am using Amcharts to implement the same. I need to show the user a line against the highest value of the...

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

java,charts,javafx
I have two classes. A Main class and a Chart class. My Chart class extends PieChart and instantiates a Pie Chart in its constructor. My main class creates a BorderPane, I then instantiate an object of the Chart class(creating the Pie Chart) and add it to the center pane.The only...

Draw Google Line Chart with multiple missing values

charts,google-visualization
I copied this code from Google Line Chart reference and made some small changes: function drawChart() { var data = new google.visualization.DataTable(); data.addColumn('number', 'Dag'); data.addColumn('number', 'Målvikt'); data.addColumn('number', 'Uppmätt vikt'); data.addRows([ [1, 37.8, 55.0], [2, null, 69.5], [3, null, 57], [4, null, 18.8], [5, null, 17.6], [6, null, 13.6], [7, null,...

Changing x axis ticks in Material google bar charts

javascript,charts,google-visualization
I am trying to build a usage bar chart using https://developers.google.com/chart/interactive/docs/gallery/barchart#top-x. I was wondering how can I maximize the range of the X-axis tick marks? I've tried doing that in the fiddle https://jsfiddle.net/gbta075L/ using the suggestion from another post - set x Axis range in google chart but that did...

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

charts,javafx,popup,linechart
I have a problem again with the JavaFX Chart : D Context : I had Popup/Label on my chart to display the value on hover : JavaFX LineChart Hover Values (Jewelsea answer) Problem : But when the point are near the edges of chart, the popup is hidden by them....

How to instruct highcharts scatter chart to print all dataLabels

javascript,charts,highcharts,overlap
I have a scatter-chart which uses dataLabels on certain elements to quickly show information about the item. This is chart-definition: chart: { type: 'scatter', height: 700 }, series: [ { data: [ { marker: { enabled: true }, x: 1, y: 18 , dataLabels: { enabled: true, formatter: function ()...

Highchart - Changing label text of the yaxis programatically

javascript,jquery,charts,highcharts
I have searched over the net and the highchart documentation, for the option required to change the label of the yaxis for a graph (let's say spline). I have gotten close to chart.yAxis[0].options.label Which seems to be valid, but could not figure out how to use it. Also, if you...

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

javascript,html,charts
Basically I want to make a scatter plot of a data set with three series : (1) for x (2) for y (3) a third series which takes only 0 and 1. I want the point with 3rd series value = 0 to appear as red while blue for the...

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

r,plot,charts
i've decadal time series from 1700 to 1900 (21 time slices) and for each decade i've got 7 categories that represent a quantity; see here As you can see, only 5 of the decades actually have data. I can plot a nice little stacked area chart in R, with the...

Changing code to get vertical bars in javascript

javascript,html,charts
I have the problem that I need vertical bars instead of horizontal bars. How do i need to change the code? The use of this program is for example for a teacher to type in the exam results and get a nice chart to compare the students. html code: <head>...

Changing series formula with VBA. Error Code 1004

excel,vba,charts,excel-formula,series
I'm working on an excel project that helps visualising blood work in generating a chart for each single value. As I'm trying to prevent empty values in charts I added two sheets that actually manage the data ("#data") and charts ("#charts"). In "data" one enters values and dates, in "charts"...

C#. WPF. Problems with Chart Building

c#,wpf,charts
In my WPF application for Chart Building I'm trying to use WinForms System.Windows.Forms.DataVisualization.Charting; I have the following code: private void build() { for(int i = 0; i< boundData.Count; i++) { var chart = new Chart(); var ser = new Series(); ser.Name = "Series1"; ser.ChartType = SeriesChartType.Bar; ser.Color = System.Drawing.Color.Blue; chart.Series.Add(ser);...

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

c#,asp.net,charts
I made a chart in asp.net and I want to change the color of the MajorGrid to light grey and style to dash. Any suggestions?

How to customize MPAndroidChart library according to custom design requirements

android,charts,mpandroidchart
I am creating an application and I want to customize some existing android pie chart library according to custom design needs. I am using MAPAndroidChart Library and successfully created initial Pie Design as follows But when it comes to design implementation, it requires some design customizations in design, Required designs...

Draw line chart dynamically using database values

javascript,php,jquery,mysql,charts
i am trying to draw line chart , but don't know how to pass dynamic database values in LineChart using jquery ? i have already searched , but could not find answer in stack. i am passing two fields : 1) date-time (Y axis) 2) no of downloads on that...

How to start points of X axis in C# chart

c#,charts
I am working with C# chart and ref. to C# - How do you make a chart object start at 0 on the X axis? Here is my sample data : X Value ( From _LOWER ) ====================== 0 0 0.5 100 1.0 200 1.5 300 2.0 400 2.5 500...

Plot an axis by converting time over different dates in second

excel,graph,charts,axis,curve
I have 3 columns of data. First is a temperature column, the next one is a date column and another is a time column. I want to plot a temperature against time graph. How can I plot the time to be a continuous graph. I mean taking into consideration the...

Google charts multiline dynamic charts

charts
Am new to PHP coding & have a few google charts working. All of these charts I've generated so far are based on (date,number of event occurrences) type of chart. I'm trying to plot a google chart whose data is the output of SQL query. The output of SQL query...

C3 js line chart getting error for date

javascript,charts,c3
I am trying to use c3.js timeseries line chart (URL : http://c3js.org/samples/timeseries.html). The only difference being that I am using the CDN link to the js files instead of downloading them. However I keep getting the following error Chrome Uncaught Error: x is not defined for id = "date". Firefox...

Kendo UI Chart X-Axis in hours

javascript,charts,kendo-ui,azure-api-apps
Here is my sample data: [ { "EventDate": "2015-06-03T07:00:00Z", "Average": 5.4, "Minimum": 0, "Maximum": 0, "WebsiteName": "microsoft.com", "PageName": "About" }, { "EventDate": "2015-06-03T08:00:00Z", "Average": 4.7, "Minimum": 0, "Maximum": 0, "WebsiteName": "microsoft.com", "PageName": "About" }, { "EventDate": "2015-06-03T09:00:00Z", "Average": 5.9, "Minimum": 0, "Maximum": 0, "WebsiteName": "microsoft.com", "PageName": "About" }, { "EventDate":...

google charts change background color

charts,background,google-visualization,background-color
I saw some previous questions/answers here on StackOverflow but none of the code provided in those answers seemed to work with my chart: Here is my code: <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("visualization", "1.1", {packages:["bar"]}); google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Month', 'Sales', 'Expenses'], ['January', 200, 150], ['February',...

Show only some series in HighCharts spline chart

javascript,charts,highcharts
I have a highchart with chart type as spline In this chart, I have about 36 series data, but the problem is that showing 36 series in one single chart is really difficult to understand and moreover almost all have almost similar data. My question is that how can we...

Converting a docx containing a chart to PDF

java,pdf,charts,docx,docx4j
I've got a docx4j generated file which contains several tables, titles and, finally, an excel-generated curve chart. I have tried many approaches in order to convert this file to PDF, but did not get to any successful result. Docx4j with xsl-fo did not work, most of the things included in...

Issue with int numbers using chart.js

javascript,charts,charts.js
So, I'm exploring this code: http://jsfiddle.net/UNs9J/5611/ $(function(){ $("#doughnutChart").drawDoughnutChart([ { title: "Tokyo", value : 120, color: "#2C3E50" }, { title: "San Francisco", value: 80, color: "#FC4349" }, { title: "New York", value: 70, color: "#6DBCDB" }, { title: "London", value : 50, color: "#F7E248" }, { title: "Sydney", value : 40,...

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

sql-server,charts,ssdt,sql-agent-job
Am trying to find away to plot a chart/graph to show how many jobs are running at any given time through the day, when jobs are starting is easy, but the idea is that it should show how long that it is taking along with this. I've got a Query...

Google chart object error: google not defined

javascript,object,charts
I've tested some stand-alone code that creates charts based on arbitrary data for a Google charts object, but I'm running into road blocks on incorporating this code into my object that creates the actual data. I'm trying to call the following charting function but getting a 'google not defined error:...

ChartJS line chart set background color

javascript,canvas,charts,chartjs
I'm working with ChartJS and I wanted to convert the a line chart to png, but the problem is that the image always downloaded with transparent background, which is not what I need, I tried many options, nothing really worked. If someone have ever faced this problem, please suggest something...

Custom JS chart similat to a vertical progress bar

javascript,charts
I am searching for a JS chart like in the image. I got it from an excel file. The percentage is incorect, it should be from 0 to 100%. Does anyone know a library which provides this kind of chart ? ...

Highcharts issue updating chart type: not recognizing highcharts functions

javascript,jquery,charts,highcharts
I am trying to update my current highchart that I have to a new chart type, however I am having difficulty doing so. I have embedded javascript in my page, the following is below <script> chart = $(function () { $('#chart_example').highcharts({ chart: { type: 'line' }, title: { text: 'Traffic'...

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

excel,vba,excel-vba,charts
In my code, I create a chart and specify a range for the input data: .SetSourceData Source:=Sheets("Output").Range("N6:CS6") The problem is that the first few cells are blank sometimes and when the chart is created it ignores them and starts from the first cell containing a value. This in turn results...