Google Candlestick Chart Custom Style Column 5

Multi tool use
I have a google candlestick chart where I am loading my data via AJAX.
I want to feed a fifth element which has the {role: style}.
All the examples I found on stackover flow only show how to do this when using a DataFrame and with addColumn and addRow.
If my array looks like this
[1,152,152,80.22,85,"color: blue"],[2,85,92,84.9,91,"color: blue"],[3,92.02,92.02,87,87,"color: green"],
Since I am not feeding in any headers how can I tell google charts that my 5th column will be a style role?
Is it possible to define it in my useState function in react?
const [data, setData] = useState();
That is what I have now.
I am also able to render the chart if I remove the "color: " tag at the end. So its something to do with this. Any help would be appreciated!
reactjs google-chartwrapper candlestick-chart
add a comment |
I have a google candlestick chart where I am loading my data via AJAX.
I want to feed a fifth element which has the {role: style}.
All the examples I found on stackover flow only show how to do this when using a DataFrame and with addColumn and addRow.
If my array looks like this
[1,152,152,80.22,85,"color: blue"],[2,85,92,84.9,91,"color: blue"],[3,92.02,92.02,87,87,"color: green"],
Since I am not feeding in any headers how can I tell google charts that my 5th column will be a style role?
Is it possible to define it in my useState function in react?
const [data, setData] = useState();
That is what I have now.
I am also able to render the chart if I remove the "color: " tag at the end. So its something to do with this. Any help would be appreciated!
reactjs google-chartwrapper candlestick-chart
you're not able to use column headings?
– WhiteHat
Dec 31 '18 at 18:28
add a comment |
I have a google candlestick chart where I am loading my data via AJAX.
I want to feed a fifth element which has the {role: style}.
All the examples I found on stackover flow only show how to do this when using a DataFrame and with addColumn and addRow.
If my array looks like this
[1,152,152,80.22,85,"color: blue"],[2,85,92,84.9,91,"color: blue"],[3,92.02,92.02,87,87,"color: green"],
Since I am not feeding in any headers how can I tell google charts that my 5th column will be a style role?
Is it possible to define it in my useState function in react?
const [data, setData] = useState();
That is what I have now.
I am also able to render the chart if I remove the "color: " tag at the end. So its something to do with this. Any help would be appreciated!
reactjs google-chartwrapper candlestick-chart
I have a google candlestick chart where I am loading my data via AJAX.
I want to feed a fifth element which has the {role: style}.
All the examples I found on stackover flow only show how to do this when using a DataFrame and with addColumn and addRow.
If my array looks like this
[1,152,152,80.22,85,"color: blue"],[2,85,92,84.9,91,"color: blue"],[3,92.02,92.02,87,87,"color: green"],
Since I am not feeding in any headers how can I tell google charts that my 5th column will be a style role?
Is it possible to define it in my useState function in react?
const [data, setData] = useState();
That is what I have now.
I am also able to render the chart if I remove the "color: " tag at the end. So its something to do with this. Any help would be appreciated!
reactjs google-chartwrapper candlestick-chart
reactjs google-chartwrapper candlestick-chart
asked Dec 28 '18 at 21:32


Dan LozeDan Loze
84
84
you're not able to use column headings?
– WhiteHat
Dec 31 '18 at 18:28
add a comment |
you're not able to use column headings?
– WhiteHat
Dec 31 '18 at 18:28
you're not able to use column headings?
– WhiteHat
Dec 31 '18 at 18:28
you're not able to use column headings?
– WhiteHat
Dec 31 '18 at 18:28
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53964489%2fgoogle-candlestick-chart-custom-style-column-5%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53964489%2fgoogle-candlestick-chart-custom-style-column-5%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
ewK9kw,jA,YKDzMDnfFLMhS1WsTizZnsEG4OTKoSiG5EBVP5axllrHiZGbj5kH7hyJQbLM WD2Vfjrn,iH,vv6
you're not able to use column headings?
– WhiteHat
Dec 31 '18 at 18:28