DevDairy-Day3

[letmegoforit]

google image: google line chart chartjs line chart

[letmegoforit]

https://ga-dev-tools.appspot.com/embed-api/third-party-visualizations/

[letmegoforit]

最接近的 http://microbuilder.io/blog/2016/01/10/plotting-json-data-with-chart-js.html 用的canvas

和 file:///Users/ma/GoogleDrive/P-ASO/ASO-Front/excelui/pages/charts/morris.html 用的svg拼凑

[letmegoforit]

https://protoship.io/magick/uipad/4a887a51aeeba89e/annotate

[letmegoforit]

http://microbuilder.io/blog/2016/01/10/plotting-json-data-with-chart-js.html 用官方的chartjs的例子，然后用他的部分代码配置即可。 他的代码并不work出来chart

[letmegoforit]

http://www.bootcss.com/p/chart.js/docs/ cahrjs官方

[letmegoforit]

改变default

[letmegoforit]

console.log(lineChart.Line)

[letmegoforit]

no error but not working

[letmegoforit]

直接搜

[letmegoforit]

google chartjs change default

[letmegoforit]

good example when customizing

http://stackoverflow.com/questions/37332593/chart-js-2-0-how-to-change-default-appearance-of-canvas-chart-elements

chartCustomize-Nochange

[letmegoforit]

可以塞到这个里面

[letmegoforit]

https://protoship.io/magick/uipad/4a887a51aeeba89e/annotate 模板的html只是用来提供给pages模板或者其他不错的模板修改建议或者style，而不是直接拿protoship的html来改

[letmegoforit]

先这里调好，然后copy参数到 代码

[letmegoforit]

目前问题 对齐问题，自适应

加一个

[letmegoforit]

一个htm多个canvas

myLineChart.destroy(); 能解决一部分问题，更完美的解决方法我还在研究中，同求大神指点 更好的解决方法如下： 每次绘图之前先删除canvas节点，重新添加一个。 $('#lineChart').remove(); // this is my element $('#lineChartParent').append('');

---

google :chart js multiple charts in same page

[letmegoforit]

换用新的模板

https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=analytics+front+end+template

https://colorlib.com/wp/free-html5-admin-dashboard-templates/

[letmegoforit]

https://colorlib.com/polygon/gentelella/index.html https://github.com/puikinsh/gentelella

[letmegoforit]

用10和12夹在内容的外层 利用这个外层的自适应

no good

[letmegoforit]

缩小之后的自适应

[letmegoforit]

对齐问题 自适应

---

[letmegoforit]

[letmegoforit]

下拉可能换策略换模板

[letmegoforit]

迁移过来 有错

发现这个错来自于没有引入bootstrap.min.js

[letmegoforit]

和这个data有关的

[letmegoforit]

还是查js

[letmegoforit]

根据这个demo改，不需要根据那个模板的index改，太多内容了。

[letmegoforit]

只需要订制这个就够了，这里只用了这个

[letmegoforit]

这个里面是customize pages.css

[letmegoforit]

http://www.runoob.com/try/try2.php?filename=bootstrap3-plugin-dropdown-tabsdropdown 不错的下拉框 简单明了

[letmegoforit]

修改自适应新的margin百分比

[letmegoforit]

逐步css放到id化单独css文件 不要放在html的style

[letmegoforit]

http://pages.revox.io/dashboard/latest/html/tabs_accordian.html 最上面的tab report和analytics切换

[letmegoforit]

tab切换

[letmegoforit]

this tab

[letmegoforit]

drop down better

[letmegoforit]

https://www.w3schools.com/bootstrap/bootstrap_progressbars.asp 可能用这个 进程

[letmegoforit]

file:///Users/ma/workplace/APP-Eigen-Private/Dashboard/pages-backend/getting_started/html/gentelella-master/production/projects.html

[letmegoforit]

巧用list inline

[letmegoforit]

都是inline block 的display可以启发下campaign和time range 也用同样方法

[letmegoforit]

直接google搜

[letmegoforit]

都加一个navmcy订制

[letmegoforit]

重新设计float吧，这样总是容易变成两行 或者设计成table tr 搜自适应的table

[letmegoforit]

nav li border-radius: http://stackoverflow.com/questions/1166628/border-radius-not-applying-to-ul-element 必须得有border才能有radius 圆弧状的 the red slider needs rounded corners

[letmegoforit]

https://www.sitepoint.com/community/t/how-to-add-a-triangle-pointer-to-the-top-of-a-drop-menu/117820

the little triangle below the red slider you just changed should be amove instead of below