Tag: graph

jqPlot：如何用几种不同的颜色为背景/网格的部分着色: 我正在使用优秀的jqPlot插件，我在文档中找不到的唯一function是“如何为几种不同颜色的背景/网格部分着色” 我的图表的x轴单位是日期。如果可能的话，我想通过更改背景网格颜色来突出显示网格的周末部分（仅）。或者任何人都有另一个想法？谢谢编辑最终答案根据Boro的建议，我开发了一种更好的方法来使用“line”选项而不是“verticalLine”选项来突出显示背景的一部分。事实是，对于“verticalLine”，开发人员必须处理线宽。因此，很难获得您需要的东西，因为线的宽度从线的中心扩展而不是从边界扩散。 “线”选项允许设置起点和终点，以设置要突出显示的背景的确切部分。 width参数仍用于将行显示为列，但它是水平扩展而不是垂直扩展。关于“lineWidth”属性，该值以像素定义。因此，您可以使用图形容器高度设置值，并将“开始”和“结束”属性的“y”值设置为系列数据的平均值或y轴的大致中间范围。我在这里更新了Boro的小提琴 grid: { drawGridLines: true, // wether to draw lines across the grid or not. gridLineColor: ‘#cccccc’, // Color of the grid lines. backgroundColor: “#eee”, borderColor: ‘#999999’, // CSS color spec for border around grid. borderWidth: 2.0, // pixel width of border around […]

如何为JointJS元素提供删除工具？: 在JointJS中，链接带有一个方便的响应工具，用于删除链接（当您将鼠标hover在链接上时，会出现“x”，然后单击它会删除链接）。另一方面，元素在API中有一个remove（）方法，但是没有UI“x”来向用户公开该方法。是否有一种直接的方法可以让用户删除UI中的元素？

如何将jQuery FLOT Graph保存为.png或其他图像格式？: 我正在为Jquery使用一个名为FLOT的插件http://code.google.com/p/flot/ 渲染图形后，我希望客户端能够将图形保存到文件中以供日后使用。在不要求客户下载某些工具或图像捕获设备的情况下，如何做到这一点的任何想法？ Graph $(function () { var options0 = { xaxis: {mode: “time”}, legend: {position: “nw”}, lines: {show: true}, grid: {hoverable: true}}; var grid_data0 = [[new Date(1286172000 * 1000), 1219], [new Date(1286258400 * 1000), 1583], [new Date(1286344800 * 1000), 1566], [new Date(1286431200 * 1000), 2191], [new Date(1286517600 * 1000), 2471], [new Date(1286604000 * 1000), […]

flot graph，使用图例打开/关闭系列: 我希望能够使用flot图形的图例来打开/关闭我的图形系列。我在flot网站上找到了这些例子，并使用了Turning系列的开/关和API格式的Labelformatter来构建我现在拥有的东西。我可以在图例元素旁边放置复选框，并为它们及其火灾添加一个点击事件。但是它再次调用了plot函数并重置了我的复选框值。我已经包含了完整的jquery函数，抱歉它有点长。 var jsonPath = “JsonPriceHistory/” + getParameterByName(“CardId”) $(function () { $.getJSON(jsonPath, function (results) { results = [{ “label”: “A”, “data”: [[1290115114240, 0.7000], [1289396258877, 0.7000], [1289394738247, 0.7000], [1288482602563, 0.7000], [1288479321830, 0.7000], [1288464257267, 0.7000], [1288463414413, 0.7000], [1268440264933, 1.0000], [1268434766653, 1.0000], [1268059707567, 1.0000], [1265934534340, 1.0000]] }, { “label”: “B”, “data”: [[1290115102033, 6.0000], [1289395956947, 6.0000], […]