草庐IT

fl_chart

全部标签

javascript - Google Chart API - 饼图 legend.textStyle 颜色

从officialexample开始用于饼图。我无法更改图例颜色。'legend.textStyle':{'color':'gray'}不考虑。请查看fiddle我做错了什么吗? 最佳答案 我实际上也无法得到您的答案。相反,我使用了以下内容:legend:{textStyle:{color:'gray'}} 关于javascript-GoogleChartAPI-饼图legend.textStyle颜色,我们在StackOverflow上找到一个类似的问题:

javascript - Chart.js 圆 Angular donut

我用Chart.js创建了一个圆环图,我希望它的两端都有圆Angular。我希望它是这样的:但我有这样的,边缘很锋利:我找到的最好答案是:HowtoputroundedcornersonaChart.jsBarchart,但它是用于条形图的,我不知道如何将其用于donut..这是我的代码:HTML85%JSvardeliveredData={labels:["Value"],datasets:[{data:[85,15)],backgroundColor:["#3ec556","rgba(0,0,0,0)"],hoverBackgroundColor:["#3ec556","rgba(

charts - Javascript 中的条形图 : stacked bars + grouped bars

我正在寻找一种Javascript解决方案,以将分组和堆叠条形图与漂亮的图形混合在一起,例如Protovis提供的那些。.例如,如果我想比较Apple(iPads+iPhone)设备和Android设备上的下载量,我可能有(请原谅我糟糕的ascii艺术)60k|^50k|#^^40k|##^#^30k|@#^^#^20k|@^#^#^@^10k|@^@^@^@^=================JanFebMarAprLegend#:iPadDownloads@:iPhoneDownloads^:AndroidDownloads 最佳答案

javascript - 在 chart.js 图形上叠加线

我想知道是否可以在chart.js图形(例如折线图)上叠加一条线?例如,在x轴上,将在图中的值20处绘制一条水平线 最佳答案 我创建了一个称为叠加图表的东西,我已将其添加到我的chart.js(https://github.com/leighquince/Chart.js)分支中,可以在这种情况下使用。它的工作原理与折线图或条形图相同,唯一的区别是您声明了一个名为type的额外属性,该属性可以是'line'或'bar'。然后只需调用newChart(ctx).Overlay(data)。因此,对于您的示例,您可以只使用条形图,然后提

javascript - Chart.js - 无法读取 null 的属性 'getContext'

我的main.js文件中有以下Javascript://arrayobjectofAPIstufffunctioncreateChartWinLoss(wins,losses){varpieData=[{value:losses,color:"#F7464A",highlight:"#FF5A5E",label:"Losses"},{value:wins,color:"#46BFBD",highlight:"#5AD3D1",label:"Wins"}];varpieOptions={segmentShowStroke:false,animateScale:true}varwinLos

javascript - Chart.js v2 有没有办法水平绘制条形图?

我正在尝试使用chart.jsv2创建水平条形图。在浏览网页大约两个小时后,我没有任何结果。有没有办法像这样从左到右绘制图表? 最佳答案 现在这是Chart.js2.1的一部分!图表类型是horizo​​ntalBar(带有小写的h)。varconfig={type:'horizontalBar',data:{...fiddle-http://jsfiddle.net/gpxjohup/原始答案预览脚本大部分代码是Chart.js库中bar的代码副本,其中交换了x/y和宽度/高度。感谢@ZachPanzarino帮助处理轴标签!Ch

javascript - 如何在 chart.js 或 D3 中制作阶梯线或阶梯图?

我可以在Google电子表格中完成此操作,下面是屏幕截图:这是CSV格式的小数据集BuyPPU,SellPPU,NetPPU0.023,0.019,-0.0007250.026,0.0165,-0.0037250.021,0.021,0.007350.015,0.0165,0.01470.021,0.028,0.01680.018,0.028,0.0198jsFiddle基本配置:http://jsfiddle.net/kaatula/j3FJf/1/Chart.js文档:http://www.chartjs.org/docs/D3文档:http://strongriley.githu

javascript - 插入百分比 charts.js donut

我在使用charts.js库,想知道如何在圆环图的孔中添加一些标记(比如百分比)-我的jsjQuery(document).ready(function(){vardata=[{value:5,color:"#A1638C",highlight:"#BF7AAF",label:"DíasCompletados1/21"},{value:95,color:"#07659A",highlight:"#4190BA",label:"Díaspendientes20/21"},]varctx=jQuery("#myChart").get(0).getContext("2d");varmyDou

javascript - gRaphael Js : where can I find tutorials to produce data charts (pie, 条等)

在哪里可以找到使用gRaphael在Web上生成数据表示的教程?网上好像没有文档。非常感谢 最佳答案 我真的会根据个人经验反对graphael。我看着它并在我的实现过程中卡住了好几次(例如,像轴标签这样的简单东西需要像在特定位置设置文本这样的技巧),以及可见的物理x轴缩放/刻度(至少对于我的条形图)试过)好像和数据没有关系,好像有一些你看不到的内轴。我找不到一个图形示例,它实际上具有专业图形所具有的最少组件数量(标签、图例等),所以对我来说,它只是一个更漂亮的“迷你图”。总而言之,麻烦多于它的值(value),而且您找到的任何文档充

javascript - 从两个数组创建 Google Chart 数据表数组

我正在尝试使用Google的图表API:https://google-developers.appspot.com/chart/interactive/docs/gallery/columnchart我有两个数组,我想用它们来生成和标记可视化。但是,我找不到将这些数组组合并转换为正确对象结构的方法。我的数组如下,它们的内容在它们旁边:years;//2014,2015,2020,2021sales;//100,100,200,100我需要动态地使用这些数组来形成这个对象,它是Google的API使用的格式:vardata=google.visualization.arrayToData