Answers

• kthorngren Posts: 20,366Questions: 26Answers: 4,777

  February 2023

  This blog shows how to use Highcharts with Datatables. Likely you could do something similar with plotly.

  Kevin
• Spot1392 Posts: 2Questions: 1Answers: 0

  February 2023

  @kthorngren thanks for recommendation but in given example, they build highchart in JS script. Is there any way to get filtered data to my Flask backend and there, build Plotly plot? Something like:

  def Plotly_graphs():
      Data = ##Filtered data ##
      fig_1 = px.histogram(Data , x='Date', y='n_Planned',
                                  title='Histogram Chart'
                                  )
      graphJSON1 = json.dumps(fig_1 , cls=plotly.utils.PlotlyJSONEncoder)
  
      fig_2 = go.Figure(data=go.Scatter(
          x=Data['Date'],
          y=Data["n_Planned"],
          mode='lines+markers')
          )
      graphJSON2 = json.dumps(fig_2 , cls=plotly.utils.PlotlyJSONEncoder)
  
      return graphJSON1, graphJSON2 
  

  It is because in my HTML file I set this way to show my Plotly plots:

      <div class="col-auto">  <div id='plot_1' class='chart'></div>
        <script type='text/javascript'>
          var graphs = {{graphJSON1| safe}};
          Plotly.plot('plot_1',graphs,{});
        </script>
      </div>
  

  Or could you give me an example to use the way shown in the link you provide? Please
• kthorngren Posts: 20,366Questions: 26Answers: 4,777

  February 2023 edited February 2023

  I assumed plotly was a Javascript library.

  Is there any way to get filtered data to my Flask backend

  Use rows().data() with the selector-modifier of { search: 'applied' } to get the filtered data. Use toArray() to convert to a Javascript array then send via ajax to your Python server.

  Kevin