草庐IT

charting

全部标签

javascript - Chart.js 在窗口调整大小时消失

我正在使用Chart.js在内的div中显示折线图.............加载页面时,item-details被隐藏,点击item在上面,它将使其显示并调用一个函数在Canvas中绘制图表。该函数如下所示:$(document).on('click','.item',function(){varitemDetails=$(this).closest('tr').next('tr');...varcanvas=itemDetails.find('#future-chart').get(0);if(canvas){...//justsettingdataherevardata={...}

javascript - 如何在 Chartjs 2.x 中使用图表插件 (Chart.pluginService.register) 访问标签数组?

我想隐藏图表中的最后一个标签。它不是静态数组,数据源源不断。因此,最后一个标签不能只设置为空白或空值。是否有任何chartjs选项来隐藏它或如何访问图表插件中的标签数组? 最佳答案 根据您的需要,您可以使用ticks选项来修改标签。检查value并根据您的需要返回。docsyAxes:[{ticks:{callback:function(value,index,values){returnvalue}}}], 关于javascript-如何在Chartjs2.x中使用图表插件(Chart

javascript - Opera 浏览器中 Chart.js 的输出(柱形图)模糊吗?

Opera版本:32.0.1948.69(输出在其他主要浏览器上工作正常)。有谁知道我怎样才能解决Chart.js的模糊问题?图表的宽度在这里无关紧要,无论我采用哪个维度,它总是有一定程度的模糊(尤其是当鼠标悬停在列上时),我想消除这种模糊。图片:fiddle示例:https://jsfiddle.net/eugensunic/1sg79n7x/1/fiddle代码:vararray=[100,59,80,333,56,55,40]vardata={labels:["January","February","March","April","May","June","July"],dat

html - 纯 CSS3 或 SVG 动画 donut chart

我正在寻找纯CSS3或SVG动画圆环图。需要中间的圆圈填充颜色要用灰色和蓝色分割的外圈,即:蓝色80%完成,灰色20%剩余。需要在圆圈中间放置文字。我找到了一个例子http://jsfiddle.net/4azpfk3r/任何人都可以帮助创建/编辑以上内容以满足我的需要吗?到一半了。CSSLayer1谢谢 最佳答案 试试这个,它使用stroke-dasharray创建长度为251.2的笔划,请参阅here供更多引用。stroke-dashoffset属性指定破折号模式中开始破折号的距离seehereText此处笔划填充80%(使用2

javascript - Google Charts : Line Chart: Doesn't display in IE and Firefox, 但适用于 chrome

我有一个简单的图表(尽管包含大量数据),它在chrome中呈现良好但在IE或Firefox中无法呈现。由于我对网络开发知之甚少,所以我不知道如何找出问题所在。谁能帮我弄清楚哪里出了问题,也许可以解释一下他们是如何弄清楚的?google.load("visualization","1",{packages:["corechart"]});google.setOnLoadCallback(drawChart);functiondrawChart(){vardata=newgoogle.visualization.DataTable();data.addColumn('datetime','

javascript - Google Chart Table 删除选择

我目前正在使用Google图表。我对选择有疑问。我想关闭选择,但这似乎是不可能的。我什至尝试(一种非常丑陋的方式)像选择部分的事件监听器一样使用方法clearChart()删除它。这是测试源代码。请注意,我不能在jsfiddle中使用它google.load("jquery","1");google.load('visualization','1',{packages:['table']});functiondrawVisualization(){vardata=google.visualization.arrayToDataTable([['','Name','E-mail','Ac

javascript - Chart.js 中的水平 'limit' 线

是否可以在Chart.js中的现有图表中添加一条水平线??这里是示例字符代码://thecanvas//thejsvarctx=document.getElementById("myChart").getContext("2d");varmyNewChart=newChart(ctx).Bar(data);我想添加一条水平标记线(例如,在y=100处,如fiddle中的高图) 最佳答案 是的,你真的可以做到。你想要水平标记线,所以你需要在你的y轴内添加这段代码plotLines:[{color:'#FF0000',width:2,v

javascript - 具有不同环/弧的正值和负值的特殊 donut chart

我正在尝试在D3中创建一种特殊的圆环图,它将包含不同的正值和负值圆环。这些值可以大于100%或小于-100%,因此将有一个圆弧表示剩余值。以下是图表的示例图像:第一个正类别(Category_1-灰色)值为80,因此80%用灰色填充圆圈,为下一个正类别留下20%。下一个正类别值(Category_2-橙色)是160。因此它首先使用Category_1剩余的20%(现在剩余140个值)。然后它填充下一个圆(向上)100%(现在还剩40个值),对于剩余的值(40),它向上创建部分圆。现在,我们将Category_3(深红色)设置为负值(-120%),因此如果创建一个向内的圆并填充它100%

javascript - 图表.js : chart not displayed

我想使用Chart.js在网页中创建精美的图表。根据文档,我写了如下代码:Chart.jsdemovarpieData=[{value:20,color:"#878BB6"},{value:40,color:"#4ACAB4"},{value:10,color:"#FF8153"},{value:30,color:"#FFEA88"}];//Getthecontextofthecanvaselementwewanttoselectvarcountries=document.getElementById("countries").getContext("2d");newChart(cou

javascript - Chart.js - 如何在悬停时禁用所有内容

如何设置代码使图表上没有悬停效果、悬停选项、(悬停)链接等?我正在使用chart.js。下面是我的代码,我在其中设置了饼图。HTML....和js...$(document).ready(function(){varconfig={type:'pie',data:{datasets:[{data:[60,20],backgroundColor:["#ddd","#58AC1C"],label:'Dataset1'}],labels:["Bla1","Bla2"+]},options:{responsive:true}};window.onload=function(){varctx=d