jjzjj

javascript - 以编程方式打开和关闭 Chart.js 工具提示

Chart.js2.2.1知道如何触发当我将鼠标悬停在数据点上时运行的代码,以及当我将鼠标移开时运行的代码吗?我需要以编程方式显示和隐藏图表的工具提示。openTip(oChart,datasetIndex,pointIndex){//howtoopenaspecifictooltip?}closeTip(oChart,datasetIndex,pointIndex){//howtoclosethesametooltip?}如果可以的话,我会展示示例代码,但我什至不知道从哪里开始。chartmethoddocs没有帮助。JSFiddle 最佳答案

javascript - Chart.js 中的可滚动 x 轴

我想使用Chart.js库在我的网站上绘制图表,但我打算为图表提供大量数据(>1000)。但是,当我将数据提供给chart.js折线图时,图表无法滚动,但值被推到一起导致图表不可读。有没有办法让chart.js折线图在x轴上滚动? 最佳答案 我遇到了这个问题,并通过使用jquery为我的chartjsCanvas编辑父div的css来解决它。这不是一个非常可靠的解决方案,但确实使数据可读/可滚动。$("#parentDiv").css("width","1000px");$("#parentDiv").css("overflow",

javascript - Chart.js 使用 X 轴时间动态更新图表

我使用的是Chart.js版本2.7.1,当温度数据出现时,我会动态更新折线图。问题是这些线永远不会及时通过x轴的中间标记。每次我更新时,图表都会自动缩放x轴的右侧(最大时间)以使其更远,因此我的数据永远不会接近图表的右侧。我想要的是让这条线接近右侧,每次更新时,x轴的future只有一小段时间。我怎样才能做到这一点?这是我配置图表的方式:varctx=document.getElementById('tempChart').getContext('2d');ctx.canvas.width=320;ctx.canvas.height=240;varchart=newChart(ctx

javascript - 如何在 Google Chart 中设置颜色范围?

我创建了一个ColumnChart,它有两个条形图。如何在这两个栏上设置不同的颜色?我目前只能为两个条设置一种颜色,这是我使用的部分代码:vard=[['',''],['Bar1',100],['Bar2',300]];data=newgoogle.visualization.arrayToDataTable(d);varoption={title:'Betalingsoppfølging',width:'300',height:'250',min:'0',legend:'none',colors:['#b2cedc','#7b7b7b','#e2e2e2','#747c

javascript - Chart.js 中的随机填充颜色

我已经使用nvd3很长时间了。在nvd3中,我们可以选择指定自动图形填充颜色。chart.barColor()HowcanIfillrandomcolorsinChart.jsgraphswithoutdefiningeachcolorindatasets?我不想使用JavaScript函数从中生成和获取随机颜色。我需要类似于nvd3barColor()的东西如果有可能的方法,请帮助我。 最佳答案 functiongetRandomColor(){varletters='0123456789ABCDEF'.split('');var

javascript - Chart.js 2 - 标签重叠

我在我的一个项目中使用Chart.js2。我已经成功地设计了它的样式,但有一个问题我似乎无法解决,这让我很不安。有时x轴上的最后一个标签会重叠。以下是我正在使用的选项:$scope.colours=[{borderColor:'#FFF',},{borderColor:'#FAF6DD'},{borderColor:'#A5CCFE'}];$scope.options={type:'line',tooltips:{enabled:false},elements:{line:{borderWidth:2,fill:false},point:{radius:0,hoverRadius:0}

javascript - Chart js v2 工具提示回调换行符

我正在尝试在图表jsv2工具提示回调中添加换行符我的代码:varmyChart=newChart(ctx,{type:'line',data:data,options:{tooltips:{callbacks:{label:function(tooltipItem,data){vartooltip="exampletooltip";varotherTooltip="othertooltip";returntooltip+"\n\r"+otherTooltip;}}}}});使用\r、\n或两者的组合都不起作用,有人知道吗?顺便说一句,我使用的是chartjsv2.3.0。更新我已经解决

javascript - Chart.js,向图表添加页脚

使用Chart.js2.0。我正在寻找一种在图表底部添加页脚(文本行)以显示数据源的方法。我尝试通过选项对象来解决它,与包含和修改标题和图例的方式相同。像这样:`options:{...footer:{display:true,text:'datafromxy'}}`我看到文档中多次提到“页脚”以及设置样式或在“工具提示”上下文中使用它的方法,但还没有看到任何具体的添加方法。编辑/更新:在尝试解决此问题时,我找到了两种解决方法(但没有完美的解决方案)来向图表添加页脚。如果有人像我一样遇到同样的问题,这里有一些解决方法的建议。编号。1:添加一个HTML元素。此解决方法的缺点是,如果用户将

javascript - Highcharts Pie Chart Drilldown 未在第三次钻取中显示

我有两个问题:第三次深入分析,DataLabel的名称显示为“Slice”,而不是它们各自的名称。这是错误还是我需要在某处指定它?当我应用颜色主题时,每次向下钻取颜色都会重置并随机生成其他颜色。(我的主题文件系列有20种颜色)还有一种方法可以向上钻取吗?IE是否有一个外部按钮或控件允许用户返回上一级?对我来说,我不知道回到原来的位置并再次向下钻取是否直观。这是我的JSFiddle。http://jsfiddle.net/Lzhm6/除了这些问题,我的一切都很好,希望能帮助其他尝试做同样事情的人。*另请注意,我使用的是新源代码:https://raw.github.com/highsli

javascript - 每个点的 Chart.js 自定义图像

我正在使用Chart.js,我正在为散点图上的每个点寻求自定义图像的帮助。我试过使用图像的javascript数组,但它不起作用。我是canvas和html5的新手。我想要的是每个点都是用户的小头像而不是圆圈。一个例子将不胜感激。我目前有:varctx=document.getElementById("member-graph-scatter");varmyChart=newChart(ctx,{type:'line',data:{datasets:[{label:'Miles/Feet',data:[],backgroundColor:"rgba(255,99,132,0.6)",b