草庐IT

Bar-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 - 是否可以检测图像是否已通过 img src ="... vs address bar/"作为文档加载”?

是否可以通过以下方式检测图像是否已加载:与地址栏中的或直接链接到:Image谢谢。 最佳答案 不,一般情况下不是。浏览器将为两者发出完全相同的请求。当浏览器解析HTML(首先得到)时,将单独请求每个额外的资源(JavaScript、CSS、图像和其他链接文件)。浏览器不会添加有关从何处获取引用的信息-因此无法根据请求判断它是直接在地址栏上还是来自HTML页面上的引用。您可以查询日志以查看请求是否完全独立,或者对HTML页面(以及可能的其他资源)的请求是否已在大约同一时间完成。这并非万无一失(想想我们在网络上拥有的多级缓存)。

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 - 显示 angular-loading-bar 并禁用页面的所有内容,直到页面加载

我有很多ASP.NET页面和服务器数据库连接。当从服务器请求到客户端时,它们需要一些时间才能完全加载。现在我想显示一个Angular加载栏,直到页面加载。它工作正常。但我想在加载页面时禁用该页面。请查看我用于此链接anulgar-loading-barexamplelink请帮帮我。提前致谢。 最佳答案 我是angular-loading-bar的忠实粉丝.默认情况下没有覆盖,但您可以使用这段CSS轻松调整加载栏;#loading-bar{pointer-events:all;z-index:99999;border:none;ma

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%

html - Touch Bar 上的自定义 Safari 书签图标和颜色

MacbookPro13和15"笔记本电脑在键盘上有一个TouchBar(交互式显示)。使用Safari时,所有书签都显示在TouchBar上。一些网站(如Facebook)显示带有自定义背景的自定义图标TouchBar上的颜色。作为Web开发人员,我该如何做到这一点?我是否需要使用特殊的Favicon,或使用特定图像格式的特殊HTML元标记(如og:image)?TouchBar上的书签示例: 最佳答案 一周后我找到了问题的答案。希望这对某人有帮助。首先,您需要创建Logo的特殊矢量图像并将其上传到您的网站。矢量图像需要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