草庐IT

HighCharts

全部标签

javascript - Highcharts 将每个系列的数据标签分开

我有以下高位图表:chart=newHighcharts.Chart({chart:{renderTo:'container',defaultSeriesType:'scatter',zoomType:'xy'},title:{text:'Report'},xAxis:{title:{enabled:true,text:'Score'},startOnTick:true,endOnTick:true,showLastLabel:true,min:-10,max:11},yAxis:{title:{text:'Question',align:'left'},min:0,max:27,re

javascript - 无法显示 Highchart

我对协同工作的Javascript、Rails和JQuery还很陌生。我将在Highcharts上浏览本教程(http://www.highcharts.com/documentation/how-to-use#installation),并尝试显示一个基本图表。这没有发生。在我的home.html.erb文件中我有:在app/views/layouts/application.html.erb我的head里有这个标签:这是/public/highcharts.js中的代码:varchart1;//globallyavailable$(document).ready(function(

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}-

javascript - Highstocks 时代时间与时区不匹配

我正在尝试使用highstocks库填充图表。我将纪元时间作为x轴的输入。我能够成功生成图表,但问题是highstock转换的纪元时间与我的时区不匹配。例如我输入的纪元时间是:1347497100000转换后的当前结果是:Thu,13Sep201200:45:00GMT预期结果是:2012年9月12日星期三17:45:00GMT-0700此时区不匹配是当前显示的错误值。我也试过设置这个属性,但没有成功:global:{useUTC:false},我在太平洋时区。当我尝试这样做时:console.log(newDate)从同一个脚本,它返回我太平洋时间的时间。请问如何解决时区不匹配的问题

javascript - 如何防止 Highcharts 中的列重叠

我认为这是一个一般性问题,不需要从我的highcharts数据中获取太多信息。我想防止列相互堆叠/重叠,我该怎么做?请参阅下面的图片链接了解现在的情况http://highslide.com/forum/download/file.php?id=3157jsfiddle:http://jsfiddle.net/Dzs5q/ 最佳答案 请尝试在此处重现错误@http://jsfiddle.net/jugal/bgNBG/如果列太多,Highcharts默认会巧妙地减小列的宽度以避免重叠。如果您通过指定column.pointWidth

javascript - 在打印时隐藏 svg 部分

是否有可能在打印布局中隐藏部分svg。特别是我喜欢隐藏highstockrangeSelector和navigator将打印页面。这应该可以在没有js触发按钮的情况下工作。它应该在使用浏览器打印按钮时起作用。是否有可能使用cssmedia=print显示/隐藏元素并将此事件与jquery绑定(bind)?需要隐藏在打印布局上的黄色部分:http://i49.tinypic.com/24mbxop.png对于这个例子:$(function(){$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl

javascript - 如何在 gulp.src 中使用基本的正则表达式?

我正在尝试使用gulp.src选择两个文件:highcharts.js和highcharts.src.js。当然我知道我可以用数组表达式显式地添加这两个,但出于学习目的,我正在尝试为它们编写一个表达式。我读到可以使用简单的正则表达式语法,但不清楚如何使用。我试过了gulp.src("highcharts(\.src)?\.js")但没有匹配到任何文件。 最佳答案 Gulp使用glob它不支持您通常使用的正则表达式。它使用经过优化以匹配文件的特殊通配模式。你的例子可以写成:gulp.src('highcharts?(.src).js'

javascript - 在用户更新标签后呈现 Highcharts

我正在尝试创建图表生成器。我有一个标题和图例位置的用户输入。我希望用户输入标题,然后点击关闭(模糊)图表以他们输入的内容更新。问题是图表第一次呈现,但是我再也无法让char再次呈现。以下是代码的简要摘要。$('#legendlocation-select').blur(functionupdateChartLegend(){console.log($('#legendlocation-select').val());if($('#legendlocation-select').val()==='none'){chartData.legend.enabled='false';}else{

javascript - 将 Highcharts 重置为初始状态

使用预设选项创建我的Highchart效果很好:chart=newHighcharts.Chart(options);但是,当我想销毁并重新创建图表时,它只会销毁。即使我删除chart.destroy();图表仍然只是完全空白但没有重新创建。$('#resetChart').on("click",function(e){e.preventDefault();chart.destroy();chart=newHighcharts.Chart(options);});关于如何重置此图表有点卡在这里。编辑:检查图表容器显示饼图正在此处创建东西,但似乎没有正确检索数据。我是否还需要再次传入我的

javascript - 使用 Highcharts 按 ID 选择点

使用Highcharts,我如何使用它的id选择一个点?例如,如果我使用以下代码创建图表:chart1=newHighcharts.Chart({chart:{renderTo:'container',type:'scatter'},title:{text:'FruitConsumption'},xAxis:{categories:['Apples','Bananas','Oranges']},yAxis:{title:{text:'Fruiteaten'}},series:[{name:'Jane',data:[{name:'Point1',x:1,y:2},{name:'Point