Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Datatables.net中的迷你条形图,我可以用不同的颜色高亮显示图表上的一个条形图吗?_Javascript_Json_Datatables_Sparklines - Fatal编程技术网

Javascript 使用Datatables.net中的迷你条形图,我可以用不同的颜色高亮显示图表上的一个条形图吗?

Javascript 使用Datatables.net中的迷你条形图,我可以用不同的颜色高亮显示图表上的一个条形图吗?,javascript,json,datatables,sparklines,Javascript,Json,Datatables,Sparklines,我在datatables.net中使用@KevinDasilva建议的配置呈现条形图,位于。。。我需要的是在这个条形图上添加一个正确放置的红色条,或者在第二个条形图下添加一个不同颜色的条,或者在第二个条形图上添加一个不同颜色的条-我找不到关于这个的文档 datatables.net表和图表如下所示: 我没有使用aocolumns,而是保留了datatables配置行,直接在json中向数据添加文本,如下所示: [{"Color":"2-Yellow",&

我在datatables.net中使用@KevinDasilva建议的配置呈现条形图,位于。。。我需要的是在这个条形图上添加一个正确放置的红色条,或者在第二个条形图下添加一个不同颜色的条,或者在第二个条形图上添加一个不同颜色的条-我找不到关于这个的文档

datatables.net表和图表如下所示:

我没有使用aocolumns,而是保留了datatables配置行,直接在json中向数据添加文本,如下所示:

[{"Color":"2-Yellow","Indicator":"Export per Capita","TEP Chart":"<img src=\"Export.per.Capita.jpg\">","Chart":"<span class=\"spark\">0.  ,0.  ,0.25,0.19,0.25,0.31,0.19,0.5 ,0.44,0.67,0.67,0.87,1.  <\/span>"},{each line repeats ...}]
[{“颜色”:“2-黄色”,“指标”:“人均出口”,“TEP图表”:“图表”:“0,0,0.25,0.19,0.25,0.31,0.19,0.5,0.44,0.67,0.67,0.87,1”。},{每行重复…}]
非常感谢您的任何经验、建议或工作示例

我很高兴地说,这是一个小时的回答,这两个图书馆合作得很好。。。我希望它能帮助其他人,因为这是一个非常有趣的工具

这将使用库

如果对每个数据点使用2元素数组,则可以创建堆叠条形图。然后可以将每对中的一个值的所有值设置为零,这样就不会有任何实际堆栈

这使您可以控制颜色,就像您已将特定条绘制为不同的颜色一样

在DataTables之外尝试以下操作,作为演示:


$('.bar1').sparkline([[1,0],[2,0],[0,3],[4,0],{type:'bar'});
注意
[0,3]
数组,它将生成一个红色条。其他所有的条都是蓝色的。以下是默认颜色:

您可以指定自定义颜色:

$('.bar1')。迷你([[1,0],[2,0],[0,3],[4,0]],
{类型:'bar',stackedBarColor:['red','green']});
有关其他功能,请参阅文档

注意:


堆叠条形图需要。

对于使用Datatables.net的用户,可以跳过aocolumndef:并从json序列字符串[{“图表”中输入以下内容:“0.20:0.00、0.11:0.00、0.12:0.00、0.06:0.00、0.29:0.00、0.47:0.00、0.65:0.00、0.41:0.00、0.69:0.00、0.00:0.56、0.71:0.00”、“值”:53584663045.89990338,“代码”:“NY.ADJ.NNAT.CD”}]