Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

ApexCharts: hideSeries Error


Whem i try use the function hideSeries() of ApexCharts i have a error:


Uncaught TypeError: t is null
value http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:101
value http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:101
value http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:109
consultar http://localhost:8081/energytrader/compras/js/funciones_compras.js:597
l http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
fireWith http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
S http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
i http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
send http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
ajax http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
t http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
consultar http://localhost:8081/energytrader/compras/js/funciones_compras.js:335
<anonymous> http://localhost:8081/energytrader/compras/js/funciones_compras.js:83
dispatch http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
handle http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
add http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
Se http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
each http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:14
each http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:14
Se http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
on http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
<anonymous> http://localhost:8081/energytrader/compras/js/funciones_compras.js:81
c http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
u http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
setTimeout handler*Deferred/then/s/< http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
l http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
fireWith http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
fire http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
l http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
fireWith http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
ready http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
z http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
EventListener.handleEvent* http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:25
<anonymous> http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:14
<anonymous> http://localhost:8081/energytrader/compras/assets/plugins/global/plugins.bundle.js:14
plugins.bundle.js:101:171275


Code example:

var options = {
chart: {
height: 380,
width: "100%",
type: "line"
},
series: [
{
name: "Series 1",
data: [10,30,20,70,80]
},
{
name: "Series 2",
data: [40,40,100,10,50]
}
]
};

chart = new ApexCharts(element, options);

chart.render();
chart.hideSeries('Series 2');


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hi,

May I know what is your Metronic version and which build method are you using(gulp or metronic)? Does it work out Metronic ? Can you verify if this is plugin's original issue or it's caused by Metronic. Also please try to use the latest Metronic v8.1.8 by download it from themeforest.

Regards.



Hi happy,

Great! Glad to hear that. If you need any further help please do let us know.

Regards.


Your Support Matters!

We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(