Chart before render snippet not working

Questions
,
2

Glenn,

I just tried this in my developer org. I am getting the same results. The chart renders at the normal speed. I also console.logged the chart object and I can clearly see that the animation speed has been changed by the before render snippet.

I added a template component and rendered a chart manually using a sample from Highcharts (http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotopt…). This works as expected. The animation is slower. This is on the same page side by side with the Skuid chart. I think that Skuid must be setting the animation speed after the snippet runs in their rendering of the chart.

Here is my xml (setup on version 10).

Thanks,

Bill

<skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="true" useviewportmeta="true" showheader="true">
    <models>
        <model id="OppByProduct" limit="" query="true" createrowifnonefound="false" datasource="salesforce" type="aggregate" sobject="OpportunityLineItem">
            <fields>
                <field id="Opportunity.Amount" name="sumOpportunityAmount" function="SUM"/>
            </fields>
            <conditions>
                <condition type="fieldvalue" field="TotalPrice" operator="gte" inactive="true" enclosevalueinquotes="false" name="__autofilter__nstart__TotalPrice" state="filterableoff" value=""/>
                <condition type="fieldvalue" field="TotalPrice" operator="lte" inactive="true" enclosevalueinquotes="false" name="__autofilter__nend__TotalPrice" state="filterableoff" value=""/>
            </conditions>
            <actions/>
            <groupby method="simple">
                <field id="Product2Id" name="product2Id"/>
                <field id="Product2.Name" name="product2Name"/>
            </groupby>
        </model>
    </models>
    <components>
        <filterset model="OppByProduct" searchmethod="server" searchbox="true" uniqueid="sk-1SjSmB-97">
            <filters>
                <filter type="numericrange" filteroffoptionlabel="New Filter" createfilteroffoption="true" affectcookies="true" autocompthreshold="25" conditionsource="auto" labelmode="auto" conditionfield="TotalPrice"/>
            </filters>
        </filterset>
        <grid uniqueid="sk-2NDBOi-102">
            <divisions>
                <division behavior="flex" minwidth="100px" ratio="1">
                    <components>
                        <skuidvis__chart model="OppByProduct" maintitle="Skuid Chart" type="column" uniqueid="sk-PQVRj-123" rendersnippet="beforeChartRenderSnippet">
                            <dataaxes>
                                <axis id="axis1"/>
                            </dataaxes>
                            <categoryaxes>
                                <axis id="categories" categorytype="field" field="product2Name"/>
                            </categoryaxes>
                            <serieslist>
                                <series valuefield="sumOpportunityAmount" splittype="none"/>
                            </serieslist>
                            <colors/>
                            <legend layout="horizontal" halign="center" valign="bottom"/>
                            <renderconditions logictype="and"/>
                        </skuidvis__chart>
                    </components>
                </division>
                <division behavior="flex" verticalalign="top" minwidth="100px" ratio="1">
                    <components>
                        <template multiple="false" uniqueid="sk-2NDDxF-113" allowhtml="true">
                            <contents>&amp;lt;div id="container"&amp;gt;&amp;lt;/div&amp;gt;</contents>
                        </template>
                    </components>
                </division>
            </divisions>
            <styles>
                <styleitem type="background" bgtype="none"/>
            </styles>
        </grid>
    </components>
    <resources>
        <labels/>
        <javascript>
            <jsitem location="inlinesnippet" name="beforeChartRenderSnippet" cachelocation="false">var chartObj = arguments[0],
$ = skuid.$;
console.log(chartObj);
$.extend(true, chartObj,{
    plotOptions: {
        series: {
            animation: {
                duration: 2000,
                easing: 'easeOutBounce'
            }
        }
    },
    
});
console.log(chartObj);</jsitem>
            <jsitem location="inline" name="newInlineJS" cachelocation="false" url="">(function(skuid){
var $ = skuid.$;
$(document.body).one('pageload',function(){
/**
 * Easing function from <a target="_blank" rel="nofollow" href="https://github.com/danro/easing-js/blob/master/easing.js">https://github.com/danro/easing-js/blob/master/easing.js
</a> */
Math.easeOutBounce = function (pos) {
    if ((pos) &amp;lt; (1 / 2.75)) {
        return (7.5625 * pos * pos);
    }
    if (pos &amp;lt; (2 / 2.75)) {
        return (7.5625 * (pos -= (1.5 / 2.75)) * pos + 0.75);
    }
    if (pos &amp;lt; (2.5 / 2.75)) {
        return (7.5625 * (pos -= (2.25 / 2.75)) * pos + 0.9375);
    }
    return (7.5625 * (pos -= (2.625 / 2.75)) * pos + 0.984375);
};


Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    xAxis: {
        categories: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday']
    },
    title: {
      text: 'Manually Rendered Highchart'  
    },
    plotOptions: {
        series: {
            animation: {
                duration: 2000,
                easing: 'easeOutBounce'
            }
        }
    },
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 111]
    }]
});
});
})(skuid);</jsitem>
        </javascript>
        <css/>
    </resources>
    <styles>
        <styleitem type="background" bgtype="none"/>
    </styles>
</skuidpage>