草庐IT

javascript - 如何使用 Chart.js 向我的折线图添加点击事件

我正在尝试使用Chart.js将点击事件添加到我的折线图中.我已经启用了工具提示来显示折线图中的信息,但我还想添加一个单击方法,让我知道用户在x轴上单击的位置。现在我只想弹出一个警报,给我用户点击的x轴上的值。研究:我浏览了documentationofChart.js我遇到了这个方法:.getPointsAtEvent(event)CallinggetPointsAtEvent(event)onyourChartinstancepassinganargumentofanevent,orjQueryevent,willreturnthepointelementsthatareattha

javascript - Chart.js折线图设置背景色

我正在使用Chart.js并希望将折线图转换为PNG。问题是图像总是以透明背景下载,这不是我需要的。我尝试了很多选项,但没有任何效果。和建议? 最佳答案 这是一个完美的解决方案,在保存到图像文件(如png)时也是如此。我在chartjsissuetracker公然从@etimberg复制这个.Chart.plugins.register({beforeDraw:function(chartInstance){varctx=chartInstance.chart.ctx;ctx.fillStyle="white";ctx.fillRe

javascript - d3.js 在鼠标悬停时更改折线图点的颜色和大小

我用d3.js制作了一个折线图(见附图1)。我设法在鼠标悬停时在图形点上插入工具提示。我也想改变点的颜色和大小。我尝试了很多方法,但似乎真的很难。有什么帮助吗?这是一段代码:svg.selectAll("dot").data(data).enter().append("circle").attr("r",5.5).style("fill","#fff8ee").style("opacity",.8)//settheelementopacity.style("stroke","#f93")//setthelinecolour.style("stroke-width",3.5).attr(

javascript - D3 折线图,不能用序数刻度编辑刻度数吗?

我之前问过一个关于d3的问题,他们建议我使用序数尺度,这会解决我的问题。它确实解决了我的问题,但我知道我遇到了另一个问题......它画得很好,但我的X轴上全是文字。例如,我想要:1900190419081912...但我得到了:190119021903190419051906。如您所见,这还不清楚。(这只是一个例子,如果只有日期我可以使用另一个尺度)。我看到的每个地方都在谈论axis.ticks(number)。但这不起作用。没有任何反应,我仍然得到相同的结果。我破解了一个结果以在x轴上获得更少的结果:varstr=[];vari=0;while(i但如果我这样做,它会创建一条随机线

javascript - 折线图上的渐变填充 (Highcharts)

我一直无法找到可以让我结合这两个图表的外观的文档:IrregularTimeChartLine/TimeChartwithGradientFill我正在尝试在不规则时间图表中的3条线中的每条线下添加渐变填充。据我所知:http://jsfiddle.net/WNDUH/如有任何帮助,我们将不胜感激! 最佳答案 尝试将区域对象移动到plotOptions,然后定义每个系列的类型和填充颜色。编辑http://jsfiddle.net/WNDUH/10/JS:$(function(){varchart;$(document).ready(

Highcharts 圆环图自定义

我有highcharts的许可证,我想创建一个如下所示的字符:highcharts上最相似的组件如下:有人知道只需百分之一的费用就可以更换里面的PIE吗?还是其他一些好的客户端javascript库来做到这一点?您可以在以下链接中找到演示和API。演示http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/pie-donut/APIhttp://api.highcharts.com/highcharts#chart谢谢

javascript - Google Charts - 折线图工具提示中的格式化日期

在GoogleCharts中,有没有一种方法可以更改工具提示值的日期格式,而无需使其成为HTML工具提示。例如,默认情况下我得到这个:但我真正想要的是:图表代码如下:data_table=google.visualization.arrayToDataTable(graph_data_raw);chart=newgoogle.visualization.LineChart(document.getElementById('DivGraph'));chart.draw(data_table,{hAxis:{ticks:x_ticks,format:'MMMd,y',},});

javascript - 使用 Chartist.js 如何更改圆环图笔划的颜色?

您好,我正在尝试使用Chartist.js创建以下圆环图:GOALCHART这是图表当前的样子:Chartist.jsDonutChart我正在尝试找到在哪里或如何更改此图表的颜色以匹配第一个圆环图。红色和粉红色似乎是默认设置。我一直无法找到有关如何实现此目标的任何文档。我还想自定义笔划的大小和图表本身的大小。非常感谢任何帮助!当前代码://**STARTCHARTISTDONUTCHART**//varchart=newChartist.Pie('.ct-chart',{series:[70,30],labels:[1,2]},{donut:true,showLabel:false}

javascript - 如何知道街景全景图是在室内还是室外

如今,越来越多的企业使用街景从室内展示公寓。我的程序提供了根据所选业务显示街景的功能。但我不想在室内展示。仅限户外。因为在室内,我无法移动,只能旋转360度。如果我要在室内或室外展示,有人知道如何从街景API获取一些值吗?非常感谢,到目前为止,这是我根据所选地址打开街景的代码片段:functionload_map_and_street_view_from_address(address){vargeocoder=newgoogle.maps.Geocoder();geocoder.geocode({'address':address},function(results,status){

javascript - 使用 chart.js 在任意位置实现具有 50 个点的雷达图的最有效方法是什么

考虑以下几行的数据序列:data=[{angle:1.2,value:1.2},...,{angle:355.2:value:5.6}];我想在径向缩放图(即表示每个点的值有多高的圆形带)上显示此数据,以显示Angular与值。每个数据集的Angular都会发生微小但无法控制的变化,但在图表周围总会有大约50个Angular相当均匀地分布。看起来chart.js有两个不太符合要求的选项:雷达图似乎需要每个点的标签,但没有明显的方法来控制这些标签的应用位置。一个x-y散点图,我可以为其计算x/y坐标,但没有径向标度来帮助可视化每个点的值。有没有办法将这两者或我错过的一些选项结合起来,以控