I want to display D3 Bubble charts on selection of a value from the drop-down. The chart for the default value is displayed.
But when i change the selection from the drop-down, the bubble chart is not displayed.
However, it gets displayed on refreshing the page.
The code is as follows:
<form script="autodiscover.js">
<label>BubbleChart</label>
<description></description>
<fieldset autoRun="true" submitButton="false" searchWhenChanged="true">
<input type="dropdown" token="field1_tok">
<label>Select a User:</label>
<default>*_004402600010833.usagestats.txt</default>
<choice value="*_004402600010833.usagestats.txt">MEID 004402600010833</choice>
<choice value="*_004402600008210.usagestats.txt">MEID 004402600008210</choice>
</input>
</fieldset>
<row>
<html>
<h2>Time Spent per Category(Per User)</h2>
<div id="bubbleSearch1"
class="splunk-manager"
data-require="splunkjs/mvc/searchmanager"
data-options='{
"search": "sourcetype=\"usage\" source=$field1_tok$|eval NEW_TIME=rtrim(Duration,\" ms\")|eval CONV = round((NEW_TIME/60000),2)|stats sum(CONV) as TDURATION by tag,APP",
"earliest_time": "",
"status_buckets": 0,
"cancelOnUnload": true,
"auto_cancel": 90,
"preview": true
}'>
</div>
<div id="bubbleChart1"
class="splunk-view"
data-require="app/simple_xml_examples/components/bubblechart/bubblechart"
data-options='{
"managerid": "bubbleSearch1",
"nameField": "APP",
"categoryField": "tag",
"valueField": "TDURATION",
"height": 450
}'>
</div>
</html>
</row>
</form>
