Tufte.js 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. define("dojox/charting/themes/Tufte", ["../Theme", "dojo/_base/Color", "./common"], function(Theme, Color, themes){
  2. /*
  3. A charting theme based on the principles championed by
  4. Edward Tufte. By Alex Russell, Dojo Project Lead.
  5. */
  6. themes.Tufte = new Theme({
  7. chart: {
  8. stroke: null,
  9. fill: "inherit"
  10. },
  11. plotarea: {
  12. // stroke: { width: 0.2, color: "#666666" },
  13. stroke: null,
  14. fill: "transparent"
  15. },
  16. axis: {
  17. stroke: {width: 1, color: "#ccc"},
  18. majorTick:{
  19. color: "black",
  20. width: 1,
  21. length: 5
  22. },
  23. minorTick: {
  24. color: "#666",
  25. width: 1,
  26. length: 2
  27. },
  28. font: "normal normal normal 8pt Tahoma",
  29. fontColor: "#999"
  30. },
  31. series: {
  32. outline: null,
  33. stroke: {width: 1, color: "black"},
  34. // fill: "#3b444b",
  35. fill: new Color([0x3b, 0x44, 0x4b, 0.85]),
  36. font: "normal normal normal 7pt Tahoma",
  37. fontColor: "#717171"
  38. },
  39. marker: {
  40. stroke: {width: 1, color: "black"},
  41. fill: "#333",
  42. font: "normal normal normal 7pt Tahoma",
  43. fontColor: "black"
  44. },
  45. colors:[
  46. Color.fromHex("#8a8c8f"),
  47. Color.fromHex("#4b4b4b"),
  48. Color.fromHex("#3b444b"),
  49. Color.fromHex("#2e2d30"),
  50. Color.fromHex("#000000")
  51. ]
  52. });
  53. return themes.Tufte;
  54. });