I am trying to use call back to update charts using radio buttons
I am using a url to reach this page and i want to return html as the result
In this case chart is plotted properly first time ,but when i click on radio button nothing happens ,and no error on console as well
I am running main.py and calling CMPAlertBreakdownApp().getAlertBrekDownDonut() from there
Can you help?
import dash_core_components as dashComponent
import plotly.graph_objs as donut
import dash_html_components as html
from applications.cmp.dashapp.CMPAlertBreakDownHelper import CMPAlertBreakDownHelper
import dash
import json
from textwrap import dedent as d
from dash.dependencies import Input, Output
class CMPAlertBreakdownApp:
def init(self):
print(‘In the init Method’)
app = dash.Dash(“AlertBreakDownChart”)
def getAlertBrekDownDonut(self):
params=[]
print(‘In getAlertBrekDownDonut Method’)
app = dash.Dash(“AlertBreakDownChart”)
app.css.append_css({
“external_url”: “https://codepen.io/chriddyp/pen/dZVMbK.css”
})
df = CMPAlertBreakDownHelper.getAlertDetail( params)
donutdata= donut.Pie(values=df[‘ALERT_COUNT’], labels=df[‘NAME’], hole=0.4)
layout = {
“title”: “Alert Breakdown”
}
app.layout= html.Div([
dashComponent.RadioItems(
id=‘radio-items’,
options=[
{‘label’: ‘One’, ‘value’: ‘first’},
{‘label’: ‘Two’, ‘value’: ‘second’},
{‘label’: ‘Three’, ‘value’: ‘third’},
],
value="",
labelStyle={‘display’: ‘inline-block’}
),
dashComponent.Graph(
id=‘alertDonut’,
figure={
‘data’: [donutdata],
‘layout’: layout
}
)
])
return app.layout;
@app.callback(Output(‘alertDonut’, ‘figure’), [Input(‘radio-items’, ‘value’)])
def updateChart(value):
print(" value ")
print(value )
return self.getAlertBrekDownDonut(self)