- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
根据我发现的 here ,我能够很容易地生成水平时间线图表。我现在想做的是添加一个额外的折线图(或多个附加图)来覆盖该时间线。时间轴将显示在一个日期范围内运行的促销(广告),我需要显示销售的折线图,例如,在整个日期范围内。
如果我这样做,我会成功地在时间轴上绘制宣传片:
var d1 = [[(new Date("2016-12-01")).getTime(), 1], [(new Date("2016-12-10")).getTime(), 1]];
var d2 = [[(new Date("2016-12-12")).getTime(), 2], [(new Date("2016-12-20")).getTime(), 2]];
var d3 = [[(new Date("2016-12-21")).getTime(), 3], [(new Date("2016-12-31")).getTime(), 3]];
var plot = $.plot($chartDiv, [d1,d2,d3], {
xaxis:{mode:"time", timeformat:"%Y-%m-%d"},
yaxis:{ticks:[[1, "Promo 1"],[2, "Promo 2"],[3, "Promo 3"]]}
});
这会产生这样的东西: http://i.imgur.com/m0bjegQ.png
我已尝试通过多种方式添加销售数据和配置选项,但均无济于事。这是我最接近的:
var d1 = [[(new Date("2016-12-01")).getTime(), 1], [(new Date("2016-12-10")).getTime(), 1]];
var d2 = [[(new Date("2016-12-12")).getTime(), 2], [(new Date("2016-12-18")).getTime(), 2]];
var d3 = [[(new Date("2016-12-16")).getTime(), 3], [(new Date("2016-12-24")).getTime(), 3]];
var d4 = [d1,d2,d3];
var d5 = [
[(new Date("2016-12-01")).getTime(),201000],
[(new Date("2016-12-02")).getTime(),201000],
[(new Date("2016-12-04")).getTime(),356897],
[(new Date("2016-12-05")).getTime(),201000],
[(new Date("2016-12-06")).getTime(),545122],
[(new Date("2016-12-07")).getTime(),100324],
[(new Date("2016-12-08")).getTime(),348645],
[(new Date("2016-12-09")).getTime(),201000],
[(new Date("2016-12-10")).getTime(),729646],
[(new Date("2016-12-11")).getTime(),206456],
[(new Date("2016-12-12")).getTime(),357713],
[(new Date("2016-12-15")).getTime(),280647],
[(new Date("2016-12-17")).getTime(),398654],
[(new Date("2016-12-18")).getTime(),412054],
[(new Date("2016-12-19")).getTime(),167545],
[(new Date("2016-12-20")).getTime(),512345],
[(new Date("2016-12-21")).getTime(),612454],
[(new Date("2016-12-22")).getTime(),760214],
[(new Date("2016-12-23")).getTime(),715546],
[(new Date("2016-12-24")).getTime(),650654],
[(new Date("2016-12-25")).getTime(),712547],
[(new Date("2016-12-26")).getTime(),780242],
[(new Date("2016-12-27")).getTime(),725454],
[(new Date("2016-12-28")).getTime(),799142]
]
var chartData = [
{
data:d4,
yaxis:1
},
{
data:d5,
yaxis:2
}
];
// plot it
var plot = $.plot($chartDiv, chartData, {
xaxis:{mode:"time", timeformat:"%Y-%m-%d"},
yaxes: [
{
position:"left",
ticks:[[1,"Promo 1"],[2,"Promo 2"],[3,"Promo 3"]],
max: 4
},
{
position: "right",
max: 800000,
}],
grid: {
mouseActiveRadius: 50,
hoverable: true,
clickable: true
}
});
结果是这样的: http://i.imgur.com/ChcvSbn.png
我似乎无法显示促销信息。是因为两个数据集的配置不一样吗?如果是这样,我该如何正确地做到这一点?我是否需要“填写”促销日期,使其看起来像这样:
var d1 = [
[(new Date("2016-12-01")).getTime(), 1],
[(new Date("2016-12-02")).getTime(), 1],
[(new Date("2016-12-03")).getTime(), 1],
[(new Date("2016-12-04")).getTime(), 1],
[(new Date("2016-12-05")).getTime(), 1],
[(new Date("2016-12-06")).getTime(), 1],
[(new Date("2016-12-07")).getTime(), 1],
[(new Date("2016-12-08")).getTime(), 1],
[(new Date("2016-12-09")).getTime(), 1],
[(new Date("2016-12-10")).getTime(), 1]
];
(我很确定我也试过了。)
最佳答案
您需要修改chartData
数组的格式以符合flot 期望的data format。 .不是将多个数据集定义为一个系列(d1
、d2
、& d3
as d4
),每个数据set 是它自己的系列:
var chartData = [
{
data:d1,
yaxis:1
},
{
data:d2,
yaxis:1
},
{
data:d3,
yaxis:1
},
{
data:d5,
yaxis:2
}
];
This JSFiddle有一个图表的工作示例。如果您希望 d1
、d2
和 d3
的线条颜色匹配,您可以在新的 chartData< 中指定
对象。
关于javascript - Flot - 将水平时间线与 'standard' 线组合,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41700108/
我有一个 mysql 表,其中包含一些随机数字组合。为简单起见,以下表为例: index|n1|n2|n3 1 1 2 3 2 4 10 32 3 3 10 4 4
我有以下代码: SELECT sdd.sd_doc_classification, sdd.sd_title, sdd.sd_desc, sdr.sd_upl
如果我有两个要合并的数据框 Date RollingSTD 01/06/2012 0.16 01/07/2012 0.18 01/08/2012 0.17 01/09/20
我知道可以使用 lein ring war 创建一个 war 文件,但它似乎仍然包含码头依赖项。当我构建 war (并在 tomcat 上部署)时,有没有办法排除码头依赖项? 如果我根本不能做这件事,
维基百科关于封装的文章指出: “封装还通过防止用户将组件的内部数据设置为无效或不一致的状态来保护组件的完整性” 我在一个论坛上开始讨论封装,在那里我问你是否应该始终在 setter 和/或 gette
对于我使用的组合框内的复选框: AOEDComboAssociationName = new Ext.form.ComboBox({ id: 'AOEDComboAssociationName',
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: How do I combine LINQ expressions into one? public boo
如何在 rust 中找到排列或组合的数量? 例如C(10,6) = 210 我在标准库中找不到这个函数,也找不到那里的阶乘运算符(这就足够了)。 最佳答案 以@vallentin 的回答为基础,可以进
我有一个复杂的泛型类型用例,已在下面进行了简化 trait A class AB extends A{ val v = 10 } trait X[T<:A]{ def request: T }
如何使用 Hibernate 限制来实现此目的? (((A='X') and (B in('X',Y))) or ((A='Y') and (B='Z'))) 最佳答案 思考有效 Criteria c
我一定会在我的一个项目中使用谷歌图表。我需要的是,显示一个条形图,并且在条形图中,与每个条形相交的线代表另一个值。如果您查看下面的 jsfiddle,您会发现折线图仅与中间的条形图相交,并继续向其他条
只是一个简单的问题,我也很想得到答案,因为我不能百分百理解 Javascript 示例:假设您提示用户输入名称。够简单吧?但是你有一个数组,上面写着一些名字(其中之一就是),基本上就是我到目前为止所说
我试图通过 Haskell 理解函数式编程,但在处理函数组合时遇到了很多麻烦。 其实我有这两个功能: add:: Integer -> Integer -> Integer add x y = x
我正在寻找一种在 Realm 查询中组合 AND 和 OR 的方法。 这是我的课: class Event extends RealmObject { String id; String
例如,我有一个包含 5 个元素的哈希: my_hash = {a: 'qwe', b: 'zcx', c: 'dss', d: 'ccc', e: 'www' } 我的目标是每次循环哈希时都返回,但没
我是Combine 的新手,我想得到一个看似简单的东西。假设我有一个整数集合,例如: let myCollection = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] 我想以例如 0
关于“优先组合而不是继承”的问题,我的老师是这样说的: 组合:现有类成为新类的组件 转发:新类中的每个实例方法,在现有类的包含实例上调用相应的方法并返回结果 包装器:新类封装了现有的 这三个概念我不是
我正在尝试将单个整数从 ASCII 值转换为 0 和 1。相关代码如下所示: int num1 = bin.charAt(0); int num2 = bin.charAt(1);
这个问题已经有答案了: What is a NullPointerException, and how do I fix it? (12 个回答) 已关闭 7 年前。 我经常看到“嵌套”类中的非静态变
我尝试合并两个数据集(DataFrame),如下所示: D1 = pd.DataFrame({'Village':['Ampil','Ampil','Ampil','Bachey','Bachey',
我是一名优秀的程序员,十分优秀!