make charts interactive

functions/chart_functions.py

@@ -1,9 +1,5 @@
 from typing import List
-from haystack import component
-import pandas as pd
 from quickchart import QuickChart
-import json
-import ast
 
 def chart_generation_func(queries: List[str], session_hash):
     print("CHART GENERATION")
@@ -17,8 +13,11 @@ def chart_generation_func(queries: List[str], session_hash):
     # Config can be set as a string or as a nested dict
     qc.config = query_dict
 
+    url_id = qc.get_short_url().rsplit('/', 1)[-1]
+    url_base = qc.get_url_base()
     # You can get the chart URL...
+    interactive_url = url_base + '/chart-maker/view/' + url_id
 
-    iframe = '<iframe\n    scrolling="yes"\n    width="1000px"\n    height="500px"\n    src="' + qc.get_url() + '"\n    frameborder="0"\n    allowfullscreen\n></iframe>\n'
+    iframe = '<div style=overflow:auto;><iframe\n    scrolling="yes"\n    width="1000px"\n    height="500px"\n    src="' + interactive_url + '"\n    frameborder="0"\n    allowfullscreen\n></iframe>\n</div>'
 
     return {"reply": iframe}