Hi, unfortunately there is no nice way to get rid of this line. The line itself is due to some pixel alignment issues, so to get rid of it, you'll have to get the pixels to align in a slightly different way. You can do this by simply changing the dimensions of the chart. I found that a chartArea.width of '61%' works pretty well for your case. Here is a jsfiddle: http://jsfiddle.net/46k05a7L/5/
On Mon Feb 02 2015 at 9:44:35 AM Tim Butterfield <[email protected]> wrote: > Hi, > > I've created a stepped area chart and have run in to a problem that I > can't solve . Fiddle here : http://jsfiddle.net/46k05a7L/3/ > > Basically the intention is to plot two lines relative to one another, > however, I get a vertical line in the chart which is somehow related to the > number of data points being plotted. In JSFiddle the vertical white line > appears approximately 1/4 of the way in to the chart (and there appears to > be one at the end too when the chart area background is set to white) > > On the point of the number of data points if I include the last commented > out row (see below) then the vertical line disappears. I can't figure this > out despite playing with various configuration options. For the time being > the values under Charge 2 are insignificant. > > > I'd be massively grateful if someone could tell me how to get rid of this > vertical line. > > *HTML * > > <script type="text/javascript" src=" > https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization > ','version':'1','packages':['corechart']}]}"></script> > <div id="chart_div" style="width: 900px; height: 500px;"></div> > > > *Javascript* > > google.setOnLoadCallback(drawChart); > function drawChart() { > var data = google.visualization.arrayToDataTable([ > ['Time', 'Charge 1', 'Charge 2'], > ["22:00", 10, 0.000000001], > ["22:01", 10, 0.000000001], > ["22:02", 10, 0.000000001], > ["22:03", 10, 0.000000001], > ["22:04", 10, 0.000000001], > ["22:05", 10, 0.000000001], > ["22:06", 10, 0.000000001], > ["22:07", 10, 0.000000001], > ["22:08", 10, 0.000000001], > ["22:09", 10, 0.000000001], > ["22:10", 10, 0.000000001], > ["22:11", 10, 0.000000001], > ["22:12", 10, 0.000000001], > ["22:13", 10, 0.000000001], > ["22:14", 10, 0.000000001], > ["22:15", 10, 0.000000001], > ["22:16", 10, 0.000000001], > ["22:17", 10, 0.000000001], > ["22:18", 10, 0.000000001], > ["22:19", 10, 0.000000001], > //["22:20", 10, 0.000000001] > > > ]); > > var options = { > "title": "Charge Profile Y", > "enableInteractivity": false, > "isStacked": "true", > "crosshair": { "opacity": 0.0 }, > "fill": 20, > "displayExactValues": false, > backgroundColor: '#ddd', > chartArea : { > opacity : 1.0, > backgroundColor : "white" > }, > colors:['#2D5E73','#139AD4'], > legend: { position: 'bottom' }, > "vAxis": { > "title": "Charge Level", > "gridlines": { "count": 0, "color" : "pink" }, > "minorGridlines" : { count : 0, color : "black"} > }, > "hAxis": { > "title": "Time", > "showTextEvery": 3, > "gridlines": { "count": 10, "color" : "pink"}, > "minorGridlines" : { count : 3, color : "black"} > } > }; > var chart = new > google.visualization.SteppedAreaChart(document.getElementById('chart_div')); > > chart.draw(data, options); > } > > -- > You received this message because you are subscribed to the Google Groups > "Google Chart API" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To post to this group, send email to [email protected]. > Visit this group at http://groups.google.com/group/google-chart-api. > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "Google Chart API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-chart-api. For more options, visit https://groups.google.com/d/optout.
