D'oh! I answered the other thread a bit too soon >;o)
Now I remember this one. You need to fix two things in your code:
1) You need a fifth column of data in your dataTable, as the candlesticks
use 4 columns.
2) The series are zero-indexed, so there is no series "2" if you want one
candlestick series and one line series.
Your code might look like this when done:
function drawVisualization() {
// Populate the data table.
var dataTable = google.visualization.arrayToDataTable([
['Mon', 20, 28, 38, 45, 30],
['Tue', 31, 38, 55, 66, 50],
['Wed', 50, 55, 77, 80, 45],
['Thu', 77, 77, 66, 50, 65],
['Fri', 68, 66, 22, 15, 80]
// Treat first row as data as well.
], true);
// Draw the chart.
var chart = new google.visualization.ComboChart(document.getElementById(
'visualization'));
chart.draw(dataTable, {
legend:'none',
width:600,
height:400,
seriesType: 'candlesticks',
series: {
1: {
type: 'line'
}
}
});
}
On Tuesday, June 12, 2012 6:30:28 AM UTC-4, mallaravi wrote:
>
> Hi...
> I tried creating line chart on candle stick chart.. in combo chart.. i
> have coded as given below.. but the output coming is only candlestick chart
> ...it is ignoring line chart series.. please help me to draw line chart on
> candle stick.. chart...
>
> function drawVisualization() {
> // Create and populate the data table.
> var data = google.visualization.arrayToDataTable([
> ['Mon', 20, 28, 38, 45],
> ['Tue', 31, 38, 55, 66],
> ['Wed', 50, 55, 77, 80],
> ['Thu', 77, 77, 66, 50],
> ['Fri', 68, 66, 22, 15],
> ['Sat', 68, 66, 22, 15],
> ['Sun', 69, 69, 29, 18]
> ], true);
>
> // Create and draw the visualization.
> var ac = new google.visualization.ComboChart(document.
> getElementById('visualization'));
> ac.draw(data, {
> title : 'Monthly Coffee Production by Country',
> width: 600,
> height: 400,
> seriesType: "candlesticks",
> series: {2: {type: "line"}}
> });
> }
> google.setOnLoadCallback(drawVisualization);
>
> Thanks and Regards,
> Ravi Kumar Malla
>
>
> On Thursday, March 29, 2012 9:00:33 PM UTC+5:30, Yuval Ronen wrote:
>>
>> Ah, yes. When I said "ComboChart supports all of the above types" I
>> forgot bar chart is also on that list :) By "all" I meant "including
>> stepped-area and candlestick". Anyway, column chart is supported, and
>> that's what makes sense.
>>
>> On Thu, Mar 29, 2012 at 5:06 PM, asgallant <[email protected]>wrote:
>>
>>> Y'know, I hadn't thought of that, but I suppose its a pretty good
>>> reason. How would the Bar charts work with the others in a combo, though,
>>> given that they work on a different axis?
>>>
>>> On Thursday, March 29, 2012 9:16:14 AM UTC-4, Yuval Ronen wrote:
>>>>
>>>> Mixing ScatterChart and AreaChart isn't currently possible, and also
>>>> isn't planed, and I want to take this opportunity to explain the rationale
>>>> behind it.
>>>>
>>>> Area/Line/Column/Bar/**SteppedArea/Candlestick charts are all
>>>> "function charts". "Function" as in "mathematical function" - something
>>>> that maps values from some domain to target values. The domain can be
>>>> either
>>>> discrete or
>>>> continuous<http://code.google.com/apis/chart/interactive/docs/customizing_axes.html#Discrete_vs_Continuous>,
>>>>
>>>> and each domain value has exactly one target value (or null). Each
>>>> function
>>>> chart can have multiple series, where each series is a single mathematical
>>>> function, configured by the series option, and all series in the chart
>>>> share the same domain. ComboChart is a function chart where each series
>>>> can
>>>> be of different type, from the above types (yes, all of the above types,
>>>> the docs are out-dated).
>>>>
>>>> ScatterChart, on the other hand, is not a function chart. Each "domain"
>>>> value can have multiple "target" values, even within the same series (and
>>>> therefor the terms "domain" and "target" aren't really accurate for
>>>> scatter
>>>> chart). That's why scatter chart and function charts don't mix, at least
>>>> not easily.
>>>>
>>>> That said, you can try a ComboChart with 2 series, one of them
>>>> configured with {type: 'area'} and the other configured with {type:
>>>> 'line', lineWidth: 0, pointSize: 7}. This might be good enough for you.
>>>>
>>> --
>>> You received this message because you are subscribed to the Google
>>> Groups "Google Visualization API" group.
>>> To view this discussion on the web visit
>>> https://groups.google.com/d/msg/google-visualization-api/-/Cj07tOYyNZYJ.
>>> To post to this group, send email to
>>> [email protected].
>>> To unsubscribe from this group, send email to
>>> [email protected].
>>> For more options, visit this group at
>>> http://groups.google.com/group/google-visualization-api?hl=en.
>>>
>>
>>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To view this discussion on the web visit
https://groups.google.com/d/msg/google-visualization-api/-/Qp8nMyIw5DsJ.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
