带有自定义日期凹窝.js的数据
Data with custom date dimple.js
目前我有这个:
<div id="chartContainer">
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://dimplejs.org/dist/dimple.v1.min.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
var data = [
{'Date': '01-03-2013', 'Views': '13'},
{'Date': '05-03-2013', 'Views': '123'},
{'Date': '09-03-2013', 'Views': '234'},
{'Date': '13-03-2013', 'Views': '95'},
];
/*
var data = [
{'Date': '01-03-2013 - 02-03-2013', 'Views': '13'},
{'Date': '05-03-2013 - 06-03-2013', 'Views': '123'},
{'Date': '09-03-2013 - 10-03-2013', 'Views': '234'},
{'Date': '13-03-2013 - 14-03-2013', 'Views': '95'},
]; */
var myChart = new dimple.chart(svg, data);
myChart.setBounds(70, 30, 490, 310)
var x = myChart.addTimeAxis("x", "Date", "%d-%m-%Y", "%d-%m");
x.showGridlines = true;
x.addOrderRule("Date");
var y = myChart.addMeasureAxis("y", "Views");
y.tickFormat = "d";
var s = myChart.addSeries(null, dimple.plot.line);
s.lineWeight = 4;
s.lineMarkers = true;
myChart.draw();
</script>
</div>
演示:jsfiddle
我应该怎么做才能让deeple.js/d3.js正确处理带有范围日期的注释数据?
这不是一个具体的酒窝问题,酒窝只是使用d3时间格式,而d3时间又是python格式。我不知道如何填充未知字符。一种方法是事先用一些简单的JS来修剪字符串。如果你需要保持数据的原样,你可以通过将第二个日期分配给毫秒来作弊:
"%d-%m-%Y-%L-%L-%L%L"
这基本上会给每个日期增加13毫秒,这在显示中是无关紧要的,但不是一个真正好的解决方案。
相关文章:
- 如何使用 php 会话变量作为 Angular Js 数据
- DC.js数据表没有按应有的方式显示
- D3.JS数据映射国家名称变量
- 向Graph中的所有d3.js数据点添加唯一链接
- Vue.js 数据对象不适用于某些 lodash 函数
- 如何在 PHP var OpenWeatherMap 中获取第二行 js 数据
- 为knockout.js数据绑定加载多个远程数据源
- 将JS数据发布到页面B
- 页面加载前的Angular JS数据加载
- 如何在ajax请求周期性自动刷新时使用knockout.js数据绑定
- D3.js数据组和转换
- 在href跳转到另一个html元素之前,执行Knockout.js数据绑定:点击函数
- js数据:;none”;以及“;注入“;对于DS“;reapAction”;配置选项
- JS:数据href中指定的链接在转盘中不起作用
- 挖空 JS - 数据绑定多个值
- EXT JS : 数据存储过滤器功能不起作用
- Google Analytics(分析)在淘汰赛中推送跟踪事件.js数据绑定
- 解析 XML 到 js 数据,如何访问特定标记
- 显示带有角度 js 数据绑定表单的引导框
- JS数据类型说明