mvc 使用highcharts饼图,无法显示

问题描述

mvc 使用highcharts饼图,无法显示

mvc 使用highcharts饼图,无法显示

前台代码

  $.ajax({
                type: 'POST',
                url: "/JiaKuanTongJi/GetGZYuanYin",
                data: {
                    btime: $("#btime").val(),
                    etime: $("#etime").val(),
                    gd_type: $("#gd_type").val(),
                    clime: $("#clime").val()
                },
                dataType: "text",
                success: function (data) {
                    $('#container').highcharts({
                        chart: {
                            type: 'pie',
                            options3d: {
                                enabled: true,
                                alpha: 45,
                                beta: 0
                            }
                        },
                        title: {
                            text: 'Browser market shares at a specific website, 2014'
                        },
                        tooltip: {
                            pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
                        },
                        plotOptions: {
                            pie: {
                                allowPointSelect: true,
                                cursor: 'pointer',
                                depth: 35,
                                dataLabels: {
                                    enabled: true,
                                    format: '{point.name}'
                                }
                            }
                        },
                        series: [{
                            type: 'pie',
                            name: 'Browser share',
                            data: data
                        }]
                    });

                },
                error: function () {
                    alert("系统出现异常,请稍后在试!");
                }
            }, "json");

接收的数据

解决方案

问题已找到把dataType: "text",改成dataType: "json",

解决方案二:

tooltip: {
pointFormat: '{series.name}: {point.percentage:.1f}%'
},应该是这里的问题。

时间: 2024-12-28 04:05:40

mvc 使用highcharts饼图,无法显示的相关文章

Javascript highcharts 饼图显示数量和百分比实例代码_javascript技巧

Javascript highcharts 饼图显示数量和百分比实例代码                   最近公司项目需求有这样一个功能模块,highcharts 饼图显示数量和百分比 ,由于本人刚入门,看到这个需求不会写,于是就上网搜下相关资料,觉得一篇还不错记录下. <div class="piecleft" id="chart" style="height:350px; width: 350px;"> </div>

数据处理-大神求助一个highcharts 饼图的 c#处理下载的demo

问题描述 大神求助一个highcharts 饼图的 c#处理下载的demo 大神求助一个highcharts 饼图的 c#处理下载的demo , 数据处理希望能更清晰 最近用highcharts绘制饼图,发现其自带的下载功能是 highcharts请求的官网服务器 希望能够把下载服务移到自己这,在网上也搜索了一下,但发现下载的图片都数据处理有点错位, 原图 官网下载的 但是网上的下载demo 处理数据 label数据 没那么清晰还很重复了 大神求助一个.net的下载方法,demo也可以 解决方案

类似这样的-JFreeChart多重饼图如何显示在jsp页面中?

问题描述 JFreeChart多重饼图如何显示在jsp页面中? 解决方案 @RequestMapping("getPie") public String getPie(HttpServletRequest request) throws Exception{ String checkInType[] = { "出勤", "病假", "事假", "其他" }; String clazzs[] = { &quo

spring mvc 执行后tomcat总是显示 No mapping....为什么???

问题描述 spring mvc 执行后tomcat总是显示 No mapping....为什么??? 为什么总是出现下图的问题,该怎么解?? 解决方案 Spring 3 MVC No mapping found for HTTP request with URI (转)spring mvc No mapping found for HTTP request with URI [] in DispatcherServletSpring MVC No mapping found for HTTP r

MVC如何使用Flash来显示图片

Insus.NET实现一些网站模版,如用户能动态变更网站的头,中间或是脚的部位,就是不太确定用户上传的是图片,还是Flash.因此想到一个较好的解决方法,就是使用Flash的组件去显示来源的图片或是.swf文件.这样的话,两者均能正常显示. 现在全面从asp.net转向asp.net mvc了,想起日后的日子,MVC同样需要实现相同的功能.因此此篇就是因此而演练的. 首先去https://code.google.com/p/swfobject/下载 解压之后,把swfobject.js放至应用程

Chart控件不显示饼图

问题描述 classPieChart{Chartchart=newChart();publicPieChart(Controlcontrol,Titletitle){chart.ChartAreas.Add("ChartArea");//chart.Legends.Add("Legends");chart.Series.Add("Series");chart.Dock=DockStyle.Fill;//chart.Width=770;//char

Highcharts学习之坐标轴_javascript类库

前言 所有的图表除了饼图都有X轴和Y轴,默认情况下,x轴显示在图表的底部,y轴显示在左侧(多个y轴时可以是显示在左右两侧),通过设置chart.inverted = true 可以让x,y轴显示位置对调. 下面一起来学习学习Highcharts的坐标轴. tags: 1.标题 xAxis:{ title:{ text:'x轴标题' } } yAxis:{ title:{ text:'y轴标题' } } 2.标签 labels:enabled.formatter.setp yAxis:{ labe

Highcharts入门之基本属性_javascript类库

一.基本组成:     1.Highcharts包含标题(Title):主标题是必须的但是subTTitle不是必须     2.坐标轴(Axis):有x坐标(xAxis)和y坐标(yAxis)     3.数据列(Series):每个曲线,每个柱形条组,每个饼图的部分     4.数据提示框(Tooltip):鼠标放上去的提示框     5.图例(Legend):通过点击标示可以显示或隐藏该数据列     6.<!--more-->     7.版权信息(Credits):一般是highch

MyBatis和SpringMVC的整合&amp;lt;mvc&amp;gt;标签报错分析

这几天在做MyBatis和SpringMVC的整合的时候,虽然已经在xml中引入了相关的命名空间和xsd,但是在使用<mvc:annotation-driven/>的时候eclipse仍然会报错,显示mvc的xsd文件不可读和找不到,网上都说是没有引入红框中的内容而导致报错的 ,但是经过检查自己的,已经是引入了的,还报错!如果大家也遇到了这种情况,可以使用下面的办法,自己也是在看遍百度上大大小小的问答后自己摸索出来的. 步骤: 1.找到自己下载的spring-framework-4.1.6.R