草庐IT

chartist

全部标签

javascript - Chartist.js 使填充区域一直向右扩展

我正在使用showArea:true但找不到合适的设置来完全填充。示例:我认为这是因为在结束位置之后我没有任何数据点,但我不希望绿线一直延伸到顶部。还有其他方法可以实现吗? 最佳答案 您正在使用showArea:true来渲染该区域。但正如您所注意到的,showArea填充仅与绘制的线关联的区域。您正在寻找的是一个没有线的额外区域。为了实现这种效果,您需要创建两条不同的线:第一行将有showArea:false并扩展到W3,如您的例子。这将像您已经呈现的那样呈现浅绿色线。第二行将不可见,具有showLine:false和showAr

javascript - 在 chartist.js 中为 SVG 数据点添加轮廓

我正在研究Chartist.js,只是想知道您是否可以帮助我为SVG应用一些样式。这是我的代码如下:jQuery:newChartist.Line('.ct-chart',{labels:[1,2,3,4,5,6,7,8],series:[[5,9,7,8,5,3,5,4]]},{low:0,showArea:true});HTML:CSS:.ct-chart.ct-series.ct-series-a.ct-area{fill:orange;}.ct-chart.ct-series.ct-series-a.ct-line{stroke:orange;}.ct-chart.ct-ser

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 - 使用 chartist.js 在图表中的 Y 轴上分组数千个数字

我使用JavaScript(PHP)中的Chartist.js库创建了图表以图形形式显示值。Y轴的所有值均来自数据库。但我无法以千位分组格式显示Y轴。我想在交叉点的工具提示上显示千格式值(检查图像)PHP代码$clientData=$wpdb->get_results('SELECT*FROMclientsdataWHEREClient_Id="'.$currentUser->ID.'"');$months=array("January","February","March","April","May","June","July","August","September","Octob

javascript - Chartist.js 删除标签?

所以我可以display:none标签ex。下面是css,但我的.ct-chart在图表ex的左侧和底部仍然有一些东西。下图。.ct-labels,.ct-grids{display:none;}理想情况下,蓝色图表位于白色模块的左侧和底部,以便与d​​iv相匹配,它是绝对定位的,并且图表响应是打开的。我假设空白是根据DOM中仍然存在的标签创建的?我希望图表的左侧和底部不显示空白。我的.ct-chartCSS看起来像这样。.ct-chart{position:absolute;width:100%;left:0;top:0;height:100%;padding:0;z-index:-