diff --git a/src/Plugins/BotSharp.Plugin.ChartHandler/Functions/PlotChartFn.cs b/src/Plugins/BotSharp.Plugin.ChartHandler/Functions/PlotChartFn.cs index 20047b76c..8e8106835 100644 --- a/src/Plugins/BotSharp.Plugin.ChartHandler/Functions/PlotChartFn.cs +++ b/src/Plugins/BotSharp.Plugin.ChartHandler/Functions/PlotChartFn.cs @@ -33,6 +33,10 @@ public async Task Execute(RoleDialogModel message) Id = agent.Id, Name = agent.Name, Instruction = inst, + LlmConfig = new AgentLlmConfig + { + MaxOutputTokens = 8192 + }, TemplateDict = new Dictionary { { "plotting_requirement", args?.PlottingRequirement ?? string.Empty }, diff --git a/src/Plugins/BotSharp.Plugin.ChartHandler/data/agents/6745151e-6d46-4a02-8de4-1c4f21c7da95/templates/util-chart-plot_instruction.liquid b/src/Plugins/BotSharp.Plugin.ChartHandler/data/agents/6745151e-6d46-4a02-8de4-1c4f21c7da95/templates/util-chart-plot_instruction.liquid index dc4523f89..0d631b51d 100644 --- a/src/Plugins/BotSharp.Plugin.ChartHandler/data/agents/6745151e-6d46-4a02-8de4-1c4f21c7da95/templates/util-chart-plot_instruction.liquid +++ b/src/Plugins/BotSharp.Plugin.ChartHandler/data/agents/6745151e-6d46-4a02-8de4-1c4f21c7da95/templates/util-chart-plot_instruction.liquid @@ -4,10 +4,10 @@ Please take a look at "Plotting Requirement" and generate a javascript code that {{ plotting_requirement }} ***** Hard Requirements ***** -** Your output must be a single block with everything needed inside. -** You need to import Plotly.js to plot the charts. The script source should be "https://cdn.plot.ly/plotly-3.0.1.min.js". +** Your output javascript code must be wrapped in one or multiple blocks with everything needed inside. +** You need to import ECharts.js to plot the charts. The script source is "https://cdnjs.cloudflare.com/ajax/libs/echarts/6.0.0/echarts.min.js". ** You need to add the MODE bar for each chart you plot. -** You must render the charts on the div html element with id {{ chart_element_id }}. +** You must render the charts under the div html element with id {{ chart_element_id }}. ** Add a custom mode bar button named "Fullscreen" that toggles the chart container in and out of fullscreen using the Fullscreen API. Requirements for this button: * Always call the Fullscreen API on the chart container div itself (document.getElementById("{{ chart_element_id }}")), not on the document or on Plotly’s SVG. * Use el.requestFullscreen() with fallbacks to el.webkitRequestFullscreen || el.msRequestFullscreen. @@ -20,7 +20,8 @@ Please take a look at "Plotting Requirement" and generate a javascript code that ** You must not create any new html element. ** You must not apply any styles on any html element. ** Keep code compact (few tokens), but fix all errors before returning. -** Please fix any code errors before returning the final response. +** Do not generate charts with zero height and zero width. +** Please ensure the code can be executed and the charts are rendered correctly. *** Response Format *** You must output the response in the following JSON format: