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.
