使用Datatables.net中的迷你图条形图，是否可以仅突出显示图表上其他颜色的条形之一？
爱德华
我使用@KevinDasilva在https://stackoverflow.com/a/51749815/12417398建议的配置在datatables.net中显示条形图。我需要在此条形图中添加正确放置的红色条形，或者添加带有不同颜色的一个条的下图或重叠第二张图表-我找不到关于此的文档。
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 ...}]
任何经验，建议或工作示例，我们将不胜感激。
在该作者添加答案之前，我很高兴地说一个小时就回答了这个问题……非常感谢，我希望它对其他人有所帮助，因为这是添加后非常有趣的工具。
安德鲁杰姆斯
这使用了jQuery Sparklines库。
如果对每个数据点使用2元素数组，则可以创建堆叠的条形图。然后，您可以将每对中的一个值的所有值都设置为零，这样就不会有任何实际的堆栈。
这样一来，您就可以控制颜色，就像您已将特定的条形绘制为不同的颜色一样。
在DataTables之外尝试一下，作为一个演示：
<span class="bar1"></span>
$('.bar1').sparkline([ [1,0], [2,0], [0,3], [4,0] ], { type: 'bar' });
注意该[0,3]数组，它将生成一个红色条。所有其他条形将为蓝色。这些是默认颜色：
您可以指定自定义颜色：
$('.bar1').sparkline([ [1,0], [2,0], [0,3], [4,0] ],
{ type: 'bar', stackedBarColor: ['red', 'green'] });
有关其他功能，请参见此处的文档。
注意：
堆叠的条形图需要版本2.0或更高版本。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
我想在此示例中在高图上使用条形图而不是迷你图
- 2
使用matplotlib条形图在熊猫MultiIndex数据框上仅堆叠条形之一
- 3
如何使用e_charts（）在同一图表中组合条形图和线形图？
- 4
如何使用ggplot在一个图表中创建条形图和折线图
- 5
仅使用数字的堆积条形图
- 6
如何使用 highcharts/d3.js 或任何其他图表库绘制线加条形图？
- 7
使用Coreplot布置条形图，并使用labelFormatter在X轴上显示日期。但是条形图没有显示
- 8
使用条形图显示csv文件中的数据
- 9
如何使用XlsxWriter绘制条形图并为同一系列中的每个条形填充不同的颜色
- 10
使用图表或高图的堆积条形图条形图内的垂直线
- 11
使用aChartEngine的条形图设置dsiplay图表值
- 12
如何使用Google图表制作分组条形图？
- 13
使用Matlplotlib的条形图
- 14
使用GraphView的条形图
- 15
批次：使用多个堆叠的条形图命令在整个屏幕上堆叠条形图
- 16
在汇总数据上使用ggplotly时，条形图的条形图无法交互
- 17
使用定义的列定义Pandas / Matplotlib的条形图颜色
- 18
在Python中使用不同颜色的条形图
- 19
根据条件使用不同颜色的条形图
- 20
使用 asyvars 放置条形图颜色图例
- 21
使用MatPlotLib将多个条形图绘制到图表中
- 22
使用Morris可以将组合图（面积图和条形图）一起使用吗？
- 23
D3中是否可以使用带有垂直线的水平条形图
- 24
仅使用MySQL查询创建条形图
- 25
我正在使用Google条形图，我一直坚持为各个条形添加颜色
- 26
如何使用jqplot和堆积条形图更改某一特定条的颜色
- 27
条形图[Google Charts]是否可以使用vAxis：{slantedText：true}？
- 28
条形图[Google Charts]是否可以使用vAxis：{slantedText：true}？
- 29
无法在React Js中使用Chart js中获得条形图颜色
我来说两句