highcharts饼图后台加载data 显示不了 - ITeye问答

问答首页 → Web前端技术

0 0

highcharts饼图后台加载data 显示不了5

{"type":"pie","name":"销售占比","data":[{"常州店":15},{"南京龙蟠路店":41},{"沈阳店":27},{"无锡店":17}]}

以上是后台返回的JSON，前台解析json的代码如下：

        success:function(iJson){  
            	var results = eval(iJson);
            	options.series[0].data=results.data;
            	options.series[0].type=results.type;
            	options.series[0].name=results.name;
       			new Highcharts.Chart(options);
			},

options的初始定义如下

          
    		  chart: {
                  renderTo: this.mainContainerId,
                  plotBackgroundColor: null,
                  plotBorderWidth: null,
                  plotShadow: false
              },
              title: {
                  text: '年度各分支机构销售收入占比情况'
              },
              tooltip: {
                  pointFormat: '{series.name}: <b>{point.percentage}%</b>',
                  percentageDecimals: 1
              },
              plotOptions: {
                  pie: {
                      allowPointSelect: true,
                      cursor: 'pointer',
                      dataLabels: {
                          enabled: true,
                          color: '#000000',
                          connectorColor: '#000000',
                          formatter: function() {
                              return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
                          }
                      }
                  }
              },
              series: [{
                  type: 'pie',
                  name: '销售占比',
                  data:[]
              }]

显示出来的根本不是饼状图，是个树状一样的线条簇，slice：0%。。。。效果见图：

jQuery highcharts chart pie

2012年9月14日 18:36

qianmianz
1
0 0 8

查看图片附件

目前还没有答案

相关推荐

Highcharts AJAX后台JAVA JSON 曲线报表完美可运行例子不包含官方JS 自己下载: Highcharts是一款广泛应用于Web开发中的JavaScript图表库，它能够帮助开发者轻松创建各种动态、交互式的图表，如折线图、柱状图、饼图等。在这个"Highcharts AJAX后台JAVA JSON 曲线报表完美可运行例子"中，我们将...

highChart后台动态获取数据: HighCharts是一款强大的JavaScript图表库，它能够帮助开发者创建各种类型的互动图表，如柱状图、折线图、饼图等。在"highChart后台动态获取数据"这个主题中，我们主要探讨如何利用HighCharts结合后端数据来创建动态...

最牛统计图控件 Highcharts Asp.net: Highcharts是一个基于纯JavaScript的图表库，它可以生成线图、柱状图、饼图、散点图等多种图表类型。其优点在于轻量级、易用性高，且支持多种浏览器。Highcharts的图表具有高度定制化，可以调整颜色、样式、数据...

highcharts 与ajax的应用: Highcharts是一款强大的JavaScript图表库，它能够帮助开发者创建各种类型的互动图表，如柱状图、折线图、饼图等，适用于网页、移动端等多种场景。而Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载...

Highcharts图表使用说明: Highcharts 支持多种图表类型，包括但不限于线图、折线图、面积图、面积折线图、柱状图、条形图、饼图、散点图等。这些图表类型可以灵活组合在一个图表中，以满足不同场景的需求。 ##### 2.6 简单的配置语法 ...

highcharts.js数据绑定方式代码实例: Highcharts.js是一款强大的JavaScript图表库，它允许开发者创建各种类型的图表，如柱状图、折线图、饼图等，并且能够与各种数据源进行绑定。在本文中，我们将深入探讨如何在Highcharts.js中绑定数据，特别是通过异步...

java jsp+servlet根据数据生成饼状图.rar: 如果Servlet直接将图像数据写入响应，JSP可以通过data URI scheme显示图像。 8. **交互性**：虽然示例中未提及，但实际应用中可能希望饼状图具有交互性，如点击切片获取详细信息。这可能需要JavaScript库如jQuery或...

jquery 做的实时图表: Highcharts是一款强大的JavaScript图表库，支持多种类型的图表，如折线图、柱状图、饼图、散点图等，并且提供了丰富的定制选项和优秀的交互功能。它基于SVG渲染，同时也兼容旧版的IE浏览器，通过VML技术进行后向兼容...

asp.net使用highchats图形报表demo: Highcharts是一个用JavaScript编写的开源图表库，它提供了丰富的图表类型，如折线图、柱状图、饼图等，适用于各种数据分析和展示场景。首先，我们需要理解如何在ASP.NET项目中引入Highcharts。这通常涉及下载...

HTML+CSS+JS数据可视化大屏平台模板实例21-大数据可视化通用模板: 通过JavaScript库，如D3.js（Data-Driven Documents）、ECharts、Highcharts等，开发者可以创建复杂的图表和图形。这些库支持各种类型的图表，如折线图、柱状图、饼图、散点图等，并且提供实时数据更新的功能，非常...

jQuery电脑cpu动态走势图表特效代码: Highcharts支持多种图表类型，如折线图、柱状图、饼图等，而CPU动态走势图通常使用折线图来展示。创建一个Highcharts图表的基本步骤如下： 1. 在HTML中设置图表容器：`<div id="container"></div>`。 2. 引入jQuery...

Work-showData:工作数据展示: 这可能涉及分页、延迟加载、虚拟滚动或使用Web Workers在后台处理数据。 8. **错误处理和调试**：良好的错误处理和调试机制是确保数据展示功能稳定运行的关键。开发者可能会使用console.log、try...catch语句，或者...

Clairvoyance:后台监控Web系统: 2. **数据可视化**：JavaScript库如D3.js、Chart.js或Highcharts等用于将监控数据转化为图表，如折线图、柱状图、饼图等，帮助运营人员直观地理解系统性能。 3. **事件监听**：JavaScript可以监听用户操作，如点击...

超级好用jquery图表分析: 对于图表分析，这意味着可以快速创建和更新图表，响应用户操作，以及无缝地与后台数据源交互。图表分析通常涉及数据的可视化表示，如条形图、折线图、饼图、散点图等。jQuery结合各种图表库，如Chart.js、...

SINK:第七学期项目的可视化应用: D3.js（Data-Driven Documents）允许开发者直接操作DOM（文档对象模型）来绑定任意数据到任何选定的元素，创建出高度交互性和动态的可视化图表。ECharts和Highcharts则提供了丰富的图表类型和配置选项，使得开发者...

visualization-extension:这是一个谷歌浏览器插件，用于将网页可视化: 这可能涉及延迟加载、数据分块处理、使用Web Workers进行后台计算等技术。 8. **安全与隐私**：作为浏览器插件，"visualization-extension"需要遵循Chrome的安全规范，确保不侵犯用户隐私。开发者可能需要处理权限...

Ch11:带图表的 AK CMP344 Ch11 代码: 这可能涉及到使用CSS3媒体查询或者库提供的特定方法来调整图表大小和布局，确保在手机、平板和桌面设备上都能良好显示。 8. **交互性** - 为了提高用户体验，图表通常包含交互元素，如工具提示、点击事件、缩放和...

Dashboard_tutorials: - **图表库**：如Chart.js、Highcharts、ECharts等，用于生成柱状图、折线图、饼图等常见图表。 - **地图库**：如Leaflet、Google Maps API，用于在 dashboard 上展示地理信息。 4. **实时数据更新** - **...

ecouture-infographic: 7. **性能优化**：大量数据可能导致性能问题，这时可以使用分块加载数据、延迟渲染或使用Web Workers进行后台处理。通过以上步骤，你可以构建出具有吸引力和教育意义的生态信息图。JavaScript的灵活性和丰富的可视...

java_dashboard: JavaScript作为主要的客户端技术，负责处理用户交互、数据显示以及与服务器端的数据通信。在Java Dashboard中，JavaScript扮演着至关重要的角色，它是一种轻量级的脚本语言，广泛用于浏览器环境，提供动态网页功能...

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics