草庐IT

图表库-Echarts

全部标签

javascript - Echarts.js 库 - 使用饼图的 onclick 事件引用页面

我正在使用echarts.js库来制作饼图,我想使饼图中的每个切片超链接到另一个页面。我现在使用静态数据点,以测试它是否有效-之后将更新为动态数据。下面是pie1a的示例-我希望T2、T2、T4和N/A引用他们自己的页面。T2="http://localhost/T2.html"。//ECHART_PIE1avarechartPie1a=echarts.init(document.getElementById('echart_pie1a'),theme);echartPie1a.setOption({tooltip:{trigger:'item',formatter:"{a}{b}:{

javascript - 如何在 Angular 图表条形图中使用纯色条

我正在使用angular-chart(基于chart.js)创建一些条形图,但无法获得我想要的条形样式。我希望条形图是这样的纯色:但我不知道如何摆脱chart.js默认添加的alpha:我的html看起来像这样:和javascript:angular.module('myApp',['chart.js']).controller('myController',[function(){varctrl=this;ctrl.socialChart={options:{legend:{display:true}},labels:['2012'],series:['FACEBOOK','GOOG

javascript - 在图表中设置背景颜色

我正在使用主题,但我想将图表周围的背景颜色设置为白色或透明或其他颜色。我正在尝试这段代码:varmyTheme=dojox.charting.themes.PlotKit.orange;myTheme.fill="white";chart10.setTheme(myTheme);chart10.addPlot("default",{type:"Pie",labelOffset:-30,radius:150,startAngle:45,font:"normalnormal10ptTahoma",fontColor:"black",labelWiring:"grey",labelStyle

javascript - 在 Highcharts 的图表中只添加一个可点击的点?

我看过Highcharts的文档,但找不到任何仅向图表添加一个可点击点的示例。没有意义或所有这些都是可点击的。是否可以只绑定(bind)一点点击?提前致谢! 最佳答案 这不是很明显。您知道可以将数据作为Point对象数组传递给图表,如下所示:series:[{data:[{name:'Point1',x:0,y:1},{name:'Point2',x:1,y:5}]}]但是你可能不知道任何Point都可以有自己的事件。所以你可以这样做:series:[{data:[{name:'Point1',x:0,y:1,events:{cli

javascript - 无法在移动设备上滚动 amcharts 图表

所以我有一个图表,在移动设备上时跨越100%,但是当试图通过触摸图表并滑动它来滚动屏幕时,它只会触发一个事件而不是滚动。例如,如果我尝试滚动饼图,它会显示饼图的气泡。有没有我可以禁用的事件来缓解这个问题? 最佳答案 解决方法是在图表中设置一个选项"panEventsEnabled":false 关于javascript-无法在移动设备上滚动amcharts图表,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.

使用图表库的 Javascript 频率分析器

我目前正在尝试使用网络技术(尤其是Meteor)制作频率分析仪。目前,我尝试使用创建SVG图片的GoogleCharts库。图表需要每秒刷新大约10次,性能并不令人满意。它占用了所有的CPU资源。我对Web开发有点陌生(尤其是在图形和性能问题上),所以如果您能指出正确的方向来进行我的研究,我将不胜感激。 最佳答案 我最终使用了库CanvasJs,它似乎是最快的库之一。有一个选项interactivityEnabled:false可以禁用与图表的交互,从而提高性能。即使还没有直接的Meteor集成,只需将js文件放在./client/

javascript - 谷歌图表 : is it possible to use Strings for the x axis?

所以我试着摆弄我的图表,发现整数/float/日期在x轴上工作得很好,但是当你输入一个字符串时,它就爆炸了。我正在尝试绘制a:Word/Count图表,但不幸的是我似乎无法将字符串放在x轴上。这在GoogleCharts中是允许的,还是严格意义上的int/floats/dates? 最佳答案 如下使用vAxis和hAxis属性google.visualization.ColumnChart(document.getElementById('visualization')).draw(data,{title:"YearlyCoffee

javascript - 如何根据容器尺寸的变化调整 Morris.js 图表的大小

我尝试将Morrisjs圆环图放入具有2个flex项目的flex容器中,我希望flex:1容器中的图表会调整大小,但它不会。有谁知道如何使图表在弹性项目中响应?这是我的例子example尝试调整它的大小JS:$(function(){Morris.Donut({element:'container',resize:true,data:[{label:"DownloadSales",value:12},{label:"In-StoreSales",value:30},{label:"Mail-OrderSales",value:20}]});CSS:html,body{height:10

c# - ASP.NET 的图表控件

我正在了解人们对在ASP.NET应用程序(Web窗体或MVC)中使用图表控件的意见和经验,主要是在任何类型的项目中。我目前正在做我的研究,我有一个相当大的控制list要评估。我的列表包括(排名不分先后):ASP.NET控件:DevExpressXtraCharts(http://demos.devexpress.com/XtraChartsDemos/).NET的Dundas图表(http://www.dundas.com/)用于ASP.NETAJAX的TelerikRadChart(http://www.telerik.com/)ComponentArt图表和可视化对于ASP.NET

javascript - (kendoUI 图表)可以通过调整窗口大小来重排它的大小吗?

这里是饼图的设置:functioncreateChart(chartDataSource){$("#chart").kendoChart({theme:$(document).data("kendoSkin")||"black",title:{text:"Efficiency"},legend:{position:"bottom"},dataSource:chartDataSource,series:[{type:"pie",field:"val",categoryField:"status"}],tooltip:{visible:true,template:"${category}-