Chart.js在jsp文件里报错,求解

发布于 2022-09-04 12:03:46 字数 3222 浏览 18 评论 0

js代码

<script type="text/javascript">

    $(function(){
        var data = [
            {
                value: [25,100,1000],
                color:"#c11611",
                label: "主题酒"
            },
            {
                value: [25,100,1000],
                color :"#efa82d",
                label: "坛藏酒"
            },
            {
                value: [18,80,800],
                color: "#d05905",
                label: "专享酒"
            },
            {
                value: [18,80,800],
                color: "#dfd304",
                label: "皇宫酒"
            },
            {
                value: [14,70,700],
                color: "#eeeeee",
                label: "其他酒"
            }
        ];
        var ctx = document.getElementById("chart-area").getContext("2d");
        var myNewChart = new Chart(ctx).Doughnut(data,{
            segmentShowStroke : true,
            segmentStrokeColor : "transparent",        
            segmentStrokeWidth : 0,       
            percentageInnerCutout : 82,          
            animationSteps : 100,     
            animationEasing : "easeOutBounce",
            animateRotate : true,
            animateScale : false,
            //String - A legend template
            legendTemplate : "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for(var i=0; i<segments.length; i++){%><li><span class=\"lump\" style=\"background-color:<%=segments[i].fillColor%>;\"></span><span class=\"wh160 ellips\"><%if(segments[i].label){%><%=segments[i].label%><%}%>:<%if(segments[i].label){%><%=segments[i].value[0]%><%}%>%</span><span class=\"wh80 ellips\"><%if(segments[i].label){%><%=segments[i].value[1]%><%}%>箱</span><span class=\"wh140 ellips\">销售额:¥<%if(segments[i].label){%><%=segments[i].value[2]%><%}%></span></li><%}%></ul>"
        });
        var _html = myNewChart.generateLegend();        
        $(".plan_rt").append(_html);
        for(var i=0;i<data.length; i++){
            myNewChart.segments[i].value = data[i].value[0];
        }
        myNewChart.update();
    })
</script>

主要报错是这段代码:
legendTemplate : "<ul class="<%=name.toLowerCase()%>-legend"><% for(var i=0; i<segments.length; i++){%><li><span class="lump" style="background-color:<%=segments[i].fillColor%>;"></span><span class="wh160 ellips"><%if(segments[i].label){%><%=segments[i].label%><%}%>:<%if(segments[i].label){%><%=segments[i].value[0]%><%}%>%</span><span class="wh80 ellips"><%if(segments[i].label){%><%=segments[i].value[1]%><%}%>箱</span><span class="wh140 ellips">销售额:¥<%if(segments[i].label){%><%=segments[i].value[2]%><%}%></span></li><%}%></ul>"

clipboard.png
报错信息
segments cannot be resolved to a variable

哪位大大知道原因?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文