マニュアル キャンセル

cfchart を使用した ColdFusion チャートのカスタマイズ

検索
ColdFusion

ColdFusion

アプリを開く
  • CFML リファレンスユーザーガイド
    1. カテゴリ別の ColdFusion 関数
      1. Abs
      2. ACos
      3. AddSOAPRequestHeader
      4. AddSOAPResponseHeader
      5. AjaxLink
      6. AjaxOnLoad
      7. ApplicationStop
      8. ArrayAppend
      9. ArrayAvg
      10. ArrayClear
      11. ArrayContains
      12. ArrayContainsNoCase
      13. ArrayDelete
      14. ArrayDeleteAt
      15. ArrayDeleteNoCase
      16. ArrayEach
      17. ArrayFilter
      18. ArrayFind
      19. ArrayFindAll
      20. ArrayFindAllNoCase
      21. ArrayFindNoCase
      22. ArrayInsertAt
      23. ArrayIsDefined
      24. ArrayIsEmpty
      25. ArrayLen
      26. ArrayMap
      27. ArrayMax
      28. ArrayMin
      29. ArrayNew
      30. ArrayPrepend
      31. ArrayReduce
      32. ArrayResize
      33. ArraySet
      34. ArraySetMetadata
      35. ArraySlice
      36. ArraySort
      37. ArraySum
      38. ArraySwap
      39. ArrayToList
      40. Asc
      41. ASin
      42. Atn
      43. AuthenticatedContext
      44. AuthenticatedUser
      45. BinaryDecode
      46. BinaryEncode
      47. BitAnd
      48. BitMaskClear
      49. BitMaskRead
      50. BitMaskSet
      51. BitNot
      52. BitOr
      53. BitSHLN
      54. BitSHRN
      55. BitXor
      56. BooleanFormat
      1. CacheGet
      2. CacheGetAllIds
      3. CacheGetMetadata
      4. CacheGetProperties
      5. CacheGetSession
      6. CacheIdExists
      7. CachePut
      8. CacheRegionExists
      9. CacheRegionNew
      10. CacheRegionRemove
      11. CacheRemove
      12. CacheRemoveAll
      13. CacheSetProperties
      14. CallStackDump
      15. CallStackGet
      16. CanDeSerialize
      17. Canonicalize
      18. CanSerialize
      19. Ceiling
      20. CharsetDecode
      21. CharsetEncode
      22. Chr
      23. CJustify
      24. Compare
      25. CompareNoCase
      26. Cos
      27. CreateDate
      28. CreateDateTime
      29. CreateObject
      30. CreateObject：.NET オブジェクト
      31. CreateObject：COM オブジェクト
      32. CreateObject：コンポーネントオブジェクト
      33. CreateObject：CORBA オブジェクト
      34. CreateObject：Java または EJB オブジェクト
      35. CreateObject：web サービスオブジェクト
      36. CreateODBCDate
      37. CreateODBCDateTime
      38. CreateODBCTime
      39. CreateSignedJWT
      40. createEncryptedJWT
      41. CreateTime
      42. CreateTimeSpan
      43. CreateUUID
      44. CSRFGenerateToken
      45. CSRFVerifyToken
      46. CSVRead
      47. CSVWrite
      48. CSVProcess
      49. DateAdd
      50. DateCompare
      51. DateConvert
      52. DateDiff
      53. DateFormat
      54. DatePart
      55. DateTimeFormat
      56. Day
      57. DayOfWeek
      58. DayOfWeekAsString
      59. DayOfYear
      60. DaysInMonth
      61. DaysInYear
      62. DE
      63. DecimalFormat
      64. DecodeForHTML
      65. DecodeFromURL
      66. DecrementValue
      67. Decrypt
      68. DecryptBinary
      69. DeleteClientVariable
      70. Deserialize
      71. DeserializeJSON
      72. DeserializeXML
      73. DirectoryCopy
      74. DirectoryCreate
      75. DirectoryDelete
      76. DirectoryExists
      77. DirectoryList
      78. DirectoryRename
      79. DollarFormat
      80. DotNetToCFType
      81. Duplicate
      1. EncodeForCSS
      2. EncodeForDN
      3. EncodeForHTML
      4. EncodeForHTMLAttribute
      5. EncodeForJavaScript
      6. EncodeForLDAP
      7. EncodeForURL
      8. EncodeForXML
      9. EncodeForXMLAttribute
      10. EncodeForXpath
      11. Encrypt
      12. EncryptBinary
      13. EntityDelete
      14. EntityLoad
      15. EntityLoadByExample
      16. EntityLoadByPK
      17. EntityMerge
      18. EntityNew
      19. EntityReload
      20. EntitySave
      21. EntityToQuery
      22. Evaluate
      23. Exp
      24. ExpandPath
      25. FileClose
      26. FileCopy
      27. FileDelete
      28. FileExists
      29. FileGetMimeType
      30. FileIsEOF
      31. FileMove
      32. FileOpen
      33. FileRead
      34. FileReadBinary
      35. FileReadLine
      36. FileSeek
      37. FileSetAccessMode
      38. FileSetAttribute
      39. FileSetLastModified
      40. FileSkipBytes
      41. FileUpload
      42. FileUploadAll
      43. FileWrite
      44. FileWriteLine
      45. Find
      46. FindNoCase
      47. FindOneOf
      48. FirstDayOfMonth
      49. Fix
      50. Floor
      51. FormatBaseN
      52. GeneratePBKDFKey
      53. GenerateSecretKey
      54. GetAuthUser
      55. GetBaseTagData
      56. GetBaseTagList
      57. GetBaseTemplatePath
      58. GetClientVariablesList
      59. GetComponentMetaData
      60. GetContextRoot
      61. GetCPUUsage
      62. GetCurrentTemplatePath
      63. GetCSPNonce
      64. GetDirectoryFromPath
      65. GetEncoding
      66. GetException
      67. GetFileFromPath
      68. GetFileInfo
      69. GetFreeSpace
      70. GetFunctionCalledName
      71. GetFunctionList
      72. GetGatewayHelper
      73. GetHttpRequestData
      74. GetHttpTimeString
      75. GetK2ServerDocCount
      76. GetK2ServerDocCountLimit
      77. GetLocale
      78. GetLocaleDisplayName
      79. GetLocalHostIP
      80. GetMetaData
      81. GetMetricData
      82. GetPageContext
      83. GetPropertyString
      84. GetPropertyFile
      85. GetPrinterInfo
      86. GetPrinterList
      87. GetProfileSections
      88. GetProfileString
      89. GetReadableImageFormats
      90. GetSafeHTML
      91. GetSAMLAuthRequest
      93. Generate3DesKey
      95. GetSOAPRequest
      96. GetSOAPRequestHeader
      97. GetSOAPResponse
      98. GetSOAPResponseHeader
      99. GetSystemFreeMemory
      100. GetSystemTotalMemory
      101. GetTempDirectory
      102. GetTempFile
      103. GetTemplatePath
      104. GetTickCount
      105. GetTimeZoneInfo
      106. GetToken
      107. GetTotalSpace
      108. GetUserRoles
      109. GetVFSMetaData
      110. GetWriteableImageFormats
      1. Hash
      2. HMac
      3. Hour
      4. HQLMethods
      5. HTMLCodeFormat
      6. HTMLEditFormat
      7. IIf
      8. ImageAddBorder
      9. ImageBlur
      10. ImageClearRect
      11. ImageCopy
      12. ImageCreateCaptcha
      13. ImageCrop
      14. ImageDrawArc
      15. ImageDrawBeveledRect
      16. ImageDrawCubicCurve
      17. ImageDrawLine
      18. ImageDrawLines
      19. ImageDrawOval
      20. ImageDrawPoint
      21. ImageDrawQuadraticCurve
      22. ImageDrawRect
      23. ImageDrawRoundRect
      24. ImageDrawText
      25. ImageFlip
      26. ImageGetBlob
      27. ImageGetBufferedImage
      28. ImageGetEXIFMetadata
      29. ImageGetEXIFTag
      30. ImageGetHeight
      31. ImageGetIPTCMetadata
      32. ImageGetIPTCTag
      33. ImageGetMetadata
      34. ImageGetWidth
      35. ImageGrayscale
      36. ImageInfo
      37. ImageMakeColorTransparent
      38. ImageMakeTranslucent
      39. ImageNegative
      40. ImageNew
      41. ImageOverlay
      42. ImagePaste
      43. ImageRead
      44. ImageReadBase64
      45. ImageResize
      46. ImageRotate
      47. ImageRotateDrawingAxis
      48. ImageScaleToFit
      49. ImageSetAntialiasing
      50. ImageSetBackgroundColor
      51. ImageSetDrawingColor
      52. ImageSetDrawingStroke
      53. ImageSetDrawingTransparency
      54. ImageSharpen
      55. ImageShear
      56. ImageShearDrawingAxis
      57. ImageTranslate
      58. ImageTranslateDrawingAxis
      59. ImageWrite
      60. ImageWriteBase64
      61. ImageXORDrawingMode
      1. IncrementValue
      2. InputBaseN
      3. Insert
      4. Int
      5. InterruptThread
      6. InvalidateOauthAccesstoken
      7. Invoke
      8. InitSAMLAuthRequest
      10. InvokeCFClientFunction
      11. IsArray
      12. IsAuthenticated
      13. IsAuthorized
      14. IsBinary
      15. IsBoolean
      16. IsClosure
      17. IsCustomFunction
      18. IsDate
      19. IsDateObject
      20. IsDDX
      21. IsDebugMode
      22. IsDefined
      23. IsImage
      24. IsImageFile
      25. IsInstanceOf
      26. IsIPv6
      27. IsJSON
      28. IsK2ServerABroker
      29. IsK2ServerDocCountExceeded
      30. IsK2ServerOnline
      31. IsLeapYear
      32. IsLocalHost
      33. IsNull
      34. IsNumeric
      35. IsNumericDate
      36. IsObject
      37. isOnline
      38. IsPDFArchive
      39. IsPDFFile
      40. IsPDFObject
      41. IsProtected
      42. IsQuery
      43. isSamlLogoutResponse
      44. isSafeHTML
      45. IsSimpleValue
      46. IsSOAPRequest
      47. IsSpreadsheetFile
      48. IsSpreadsheetObject
      49. IsStruct
      50. isThreadInterrupted
      51. IsUserInAnyRole
      52. IsUserInRole
      53. IsUserLoggedIn
      54. IsValid
      55. IsValidOauthAccesstoken
      56. IsWDDX
      57. IsXML
      58. IsXmlAttribute
      59. IsXmlDoc
      60. IsXmlElem
      61. IsXmlNode
      62. IsXmlRoot
      63. JavaCast
      64. JSStringFormat
      1. LCase
      2. Left
      3. Len
      4. ListAppend
      5. ListChangeDelims
      6. ListContains
      7. ListContainsNoCase
      8. ListDeleteAt
      9. ListEach
      10. ListFilter
      11. ListFind
      12. ListFindNoCase
      13. ListFirst
      14. ListGetAt
      15. ListGetDuplicates
      16. ListInsertAt
      17. ListLast
      18. ListLen
      19. ListMap
      20. ListPrepend
      21. ListQualify
      22. ListReduce
      23. ListRemoveDuplicates
      24. ListRest
      25. ListSetAt
      26. ListSort
      27. ListToArray
      28. ListValueCount
      29. ListValueCountNoCase
      30. LJustify
      31. Location
      32. Log
      33. Log10
      34. LSCurrencyFormat
      35. LSDateFormat
      36. LSDateTimeFormat
      37. LSEuroCurrencyFormat
      38. LSIsCurrency
      39. LSIsDate
      40. LSIsNumeric
      41. LSNumberFormat
      42. LSParseCurrency
      43. LSParseDateTime
      44. LSParseEuroCurrency
      45. LSParseNumber
      46. LSTimeFormat
      47. LTrim
      1. Max
      2. Mid
      3. Min
      4. Minute
      5. Month
      6. MonthAsString
      7. Now
      8. NumberFormat
      9. ObjectEquals
      10. ObjectLoad
      11. ObjectSave
      12. OnWSAuthenticate
      13. ORMClearSession
      14. ORMCloseAllSessions
      15. ORMCloseSession
      16. ORMEvictCollection
      17. ORMEvictEntity
      18. ORMEvictQueries
      19. ORMExecuteQuery
      20. ORMFlush
      21. ORMFlushall
      22. ORMGetSession
      23. ORMGetSessionFactory
      24. ORMIndex
      25. ORMIndexPurge
      26. ORMReload
      27. ORMSearch
      28. ORMSearchOffline
      29. ParagraphFormat
      30. ParameterExists
      31. ParseDateTime
      32. Pi
      33. PrecisionEvaluate
      34. ProcessSAMLResponse
      36. Quarter
      37. PreserveSingleQuotes
      38. QueryAddColumn
      39. QueryAddRow
      40. QueryConvertForGrid
      41. QueryExecute
      42. QueryFilter
      43. QueryGetResult
      44. QueryGetRow
      45. QueryKeyExists
      46. QueryMap
      47. QueryNew
      48. QueryReduce
      49. QuerySetCell
      50. QuotedValueList
      51. QueryEach
      52. Rand
      53. Randomize
      54. RandRange
      55. ReEscape
      56. REFind
      57. REFindNoCase
      58. ReleaseComObject
      59. REMatch
      60. REMatchNoCase
      61. RemoveCachedQuery
      62. RemoveChars
      63. RepeatString
      64. Replace
      65. ReplaceList
      66. ReplaceNoCase
      67. REReplace
      68. REReplaceNoCase
      69. RestDeleteApplication
      70. RestSetResponse
      71. RestInitApplication
      72. Reverse
      73. Right
      74. RJustify
      75. Round
      76. RTrim
      1. second
      2. SendGatewayMessage
      3. SendSAMLLogoutResponse
      4. Serialize
      5. SerializeJSON
      6. SerializeXML
      7. SessionInvalidate
      8. SessionRotate
      9. SessionGetMetaData
      10. SessionInvalidate
      11. SessionRotate
      12. SetDay
      13. SetEncoding
      14. SetHour
      15. SetLocale
      16. SetMonth
      17. SetProfileString
      18. SetPropertyString
      19. SetVariable
      20. SetYear
      21. Sgn
      22. Sin
      23. Sleep
      24. SpanExcluding
      25. SpanIncluding
      26. SpreadsheetAddAutoFilter
      27. SpreadsheetAddColumn
      28. SpreadsheetAddFreezePane
      29. SpreadsheetAddImage
      30. SpreadsheetAddInfo
      31. SpreadsheetAddPageBreaks
      32. SpreadsheetAddRow
      33. SpreadsheetAddRows
      34. SpreadsheetAddSplitPane
      35. SpreadsheetCreateSheet
      36. SpreadsheetDeleteColumn
      37. SpreadsheetDeleteColumns
      38. SpreadsheetDeleteRow
      39. SpreadsheetDeleteRows
      40. SpreadsheetFormatCell
      41. SpreadsheetFormatColumn
      42. SpreadsheetFormatCellRange
      43. SpreadsheetFormatColumn
      44. SpreadsheetFormatColumns
      45. SpreadsheetFormatRow
      46. SpreadsheetFormatRows
      47. SpreadsheetGetCellComment
      48. SpreadsheetGetCellFormula
      49. SpreadsheetGetCellValue
      50. SpreadsheetGetColumnCount
      51. SpreadsheetInfo
      52. SpreadsheetMergeCells
      53. SpreadsheetNew
      54. SpreadsheetRead
      55. SpreadsheetReadBinary
      56. SpreadsheetRemoveSheet
      57. SpreadsheetSetActiveSheet
      58. SpreadsheetSetActiveSheetNumber
      59. SpreadsheetSetCellComment
      60. SpreadsheetSetCellFormula
      61. SpreadsheetSetCellValue
      62. SpreadsheetSetColumnWidth
      63. SpreadsheetSetFooter
      64. SpreadsheetSetHeader
      65. SpreadsheetSetRowHeight
      66. SpreadsheetShiftColumns
      67. SpreadsheetShiftRows
      68. SpreadsheetWrite
      69. StreamingSpreadsheetNew
      70. StreamingSpreadsheetCleanup
      71. StreamingSpreadsheetRead
      72. StreamingSpreadsheetProcess
      73. SpreadsheetSetFooterImage
      74. SpreadsheetSetHeaderImage
      75. SpreadsheetSetFittoPage
      76. SpreadsheetUngroupColumns
      77. SpreadsheetGroupColumns
      78. SpreadsheetUngroupRows
      79. SpreadsheetGroupRows
      80. SpreadsheetRemoveColumnBreak
      81. SpreadsheetSetColumnBreak
      82. SpreadsheetRemoveRowBreak
      83. SpreadsheetSetRowBreak
      84. SpreadsheetRemovePrintGridlines
      85. SpreadsheetAddPrintGridlines
      86. SpreadsheetGetColumnWidth
      87. SpreadsheetSetColumnHidden
      88. SpreadsheetSetRowHidden
      89. SpreadsheetisColumnHidden
      90. SpreadsheetisRowHidden
      91. SpreadsheetisStreamingXmlFormat
      92. SpreadsheetisXmlFormat
      93. SpreadsheetisBinaryFormat
      94. SpreadsheetRenameSheet
      95. SpreadsheetRemoveSheetNumber
      96. SpreadsheetGetLastRowNumber
      97. SpreadsheetGetPrintOrientation
      98. Sqr
      99. StripCR
      100. StructAppend
      101. StructClear
      102. StructCopy
      103. StructCount
      104. StructDelete
      105. StructEach
      106. StructFilter
      107. StructFind
      108. StructFindKey
      109. StructFindValue
      110. StructGet
      111. StructGetMetadata
      112. StructInsert
      113. StructIsEmpty
      114. StructKeyArray
      115. StructKeyExists
      116. StructKeyList
      117. StructMap
      118. StructNew
      119. StructReduce
      120. StructSetMetadata
      121. StructSort
      122. StructToSorted
      123. StructUpdate
      124. StructValueArray
      125. StoreSetMetadata
      126. StoreGetACL
      127. StoreGetMetadata
      128. StoreAddACL
      129. StoreSetACL
      1. Tan
      2. ThreadJoin
      3. ThreadTerminate
      4. Throw
      5. TimeFormat
      6. ToBase64
      7. ToBinary
      8. ToScript
      9. ToString
      10. Trace
      11. Transactionandconcurrency
      12. TransactionCommit
      13. TransactionRollback
      14. TransactionSetSavePoint
      15. Trim
      16. UCase
      17. URLDecode
      18. URLEncodedFormat
      19. URLSessionFormat
      20. Val
      21. ValueList
      22. VerifyClient
      23. Week
      24. Wrap
      25. WriteDump
      26. WriteLog
      27. WriteOutput
      28. WSGetAllChannels
      29. WSGetSubscribers
      30. WSPublish
      31. WSSendMessage
      32. XmlChildPos
      33. XmlElemNew
      34. XmlFormat
      35. XmlGetNodeType
      36. XmlNew
      37. XmlParse
      38. XmlSearch
      39. XmlTransform
      40. XmlValidate
      41. Year
      42. YesNoFormat
  • ColdFusion のタグ
    1. ColdFusion タグの概要
        1. cfapplication
        2. cfassociate
        3. cferror
        4. cfimport
        5. cfinterface
        6. cflock
        7. CFScript の
        8. cfthread
        1. cfexchangecalendar
        2. cfexchangeconnection
        3. cfexchangecontact
        4. cfexchangefilter
        5. cfexchangemail
        6. cfexchangetask
        7. cfexchangefolder
        8. cfexchangeconversation
        9. cffeed
        10. cfmail
        11. cfmailparam
        12. cfmailpart
        13. cfpop
        1. cfdbinfo
        2. cfinsert
        3. cfobjectcache
        4. cfprocparam
        5. cfprocresult
        6. cfquery
        7. cfqueryparam
        8. cfstoredproc
        9. cftransaction
        10. cfupdate
        1. cfchart
        1. cfdump
        2. cftimer
        3. cftrace
        1. cfcatch
        2. cferror
        3. cffinally
        4. cfrethrow
        5. cfthrow
        6. cftry
        1. cfchart
        2. cfchartdata
        3. cfchartseries
        4. cfcollection
        5. cfcomponent
        6. cfexecute
        7. cfftp
        8. function
        9. cfindex
        10. cfinterface
        11. cfinvoke
        12. cfinvokeargument
        13. cfobject
        14. cfproperty
        15. cfreport
        16. cfreportparam
        17. cfreturn
        18. cfsearch
        19. cfsharepoint
        20. cfspreadsheet
        21. cfwddx
        22. cfxml
        1. cfdirectory
        2. 使用できます
        3. cffileupload
        4. cfftp
        5. cfzip
        6. cfzipparam
        1. cfabort
        2. cfbreak
        3. cfcase
        4. cfcontinue
        5. cfdefaultcase
        6. cfelse
        7. cfelseif
        8. cfexecute
        9. cfexit
        10. cfif
        11. cfinclude
        12. cflocation
        13. cfloop
        14. cfrethrow
        15. cfswitch
        16. cfthrow
        17. cftry
        1. cfapplet
        2. cfcalendar
        3. cffileupload
        4. cfform
        5. cfformgroup
        6. cfformitem
        7. cfgrid
        8. cfgridcolumn
        9. cfgridrow
        10. cfgridupdate
        11. cfinput
        12. cfpdf
        13. cfpdfform
        14. cfpdfformparam
        15. cfpdfparam
        16. cfpdfsubform
        17. cfselect
        18. cfslider
        19. cftextarea
        20. cftree
        21. cftreeitem
        1. cfajaximport
        2. cfajaxproxy
        3. cfftp
        4. cffeed
        5. cfimap
        6. cfhttp
        7. cfhttpparam
        8. cfldap
        9. cfmail
        10. cfmailparam
        11. cfmailpart
        12. cfpop
        13. cfsprydataset
        1. cfcache
        2. cfcontent
        3. cfflush
        4. cfheader
        5. cfhtmlhead
        6. cfinclude
        7. cfprocessingdirective
        8. cfsetting
        9. cfsilent
        1. cflogin
        2. cfloginuser
        3. cflogout
        4. cfNTauthenticate
        1. cfcookie
        2. cfdump
        3. cfparam
        4. cfregistry
        5. cfsavecontent
        6. cfschedule
        7. cfset
        8. cfsetting
        1. cfimage
        2. cflog
        3. cfregistry
      1. cfabort
      2. cfajaximport
      3. cfajaxproxy
      4. cfapplet
      5. cfapplication
      6. cfargument
      7. cfassociate
      8. cfauthenticate
      9. cfbreak
    4. タグ c
      1. cfcache
      2. cfcalendar
      3. cfcase
      4. cfcatch
      5. cfchart
        1. ColdFusion の cfchart タグ
        2. cfchart の概要
        3. cfchart を使用したチャートのカスタマイズ
        4. 高度な cfchart カスタマイズオプション
        5. ColdFusion での面グラフの作成
        6. ColdFusion での折れ線グラフの作成
        7. ColdFusion での棒グラフの作成
        8. ColdFusion でのフローティング棒グラフの作成
        9. ColdFusion でのヒストグラムの作成
        10. ColdFusion での円グラフの作成
        11. ColdFusion でのファネルグラフの作成
        12. ColdFusion でのピラミッドグラフの作成
        13. ColdFusion での曲線グラフの作成
        14. ColdFusion でボックスプロットを作成する
        15. ColdFusion でのドーナツグラフの作成
        16. ColdFusion でのバブルチャートの作成
        17. ColdFusion での散布図の作成
        18. ColdFusion でのレーダーチャートの作成
        19. ColdFusion のその他のグラフタイプ（円錐、円柱、ピアノ、箇条書き）
          1. ColdFusion のチャートへのマーカーの追加
          2. ColdFusion のチャートへのルールの追加
          3. ColdFusion のチャートでの数値の書式設定
          4. ColdFusion のチャートへのアニメーションの追加
          5. ColdFusion のチャートへのテーマの作成と適用
      6. cfchartdata
      7. cfchartseries
      8. cfchartset
      9. cfclient
      10. cfclientsettings
      11. cfcol
      12. cfcollection
      13. cfcomponent
      14. cfcontent
      15. cfcontinue
      16. cfcookie
      17. タグ d～e
      1. cffeed
      2. cffile
      3. cffile action = "append"
      4. cffile action = "copy"
      5. cffile action = "delete"
      6. cffile action = "move"
      7. cffile action = "read"
      8. cffile action = "readBinary"
      9. cffile action = "rename"
      10. cffile action = "upload"
      11. cffile action = "uploadAll"
      12. cffile action = "write"
      13. cffileupload
      14. cffinally
      15. cfflush
      16. cfform
      17. cfformgroup
      18. cfformitem
      19. cfftp
      20. cfftp：接続：ファイルおよびディレクトリのオペレーション
      21. cfftp：FTP サーバー接続の確立と切断
      22. cfftp：セキュア FTP サーバー接続の確立と切断
      23. cfftp action = "listDir"
      24. cffunction
      1. cfgraph
      2. cfgraphdata
      3. cfgrid
      4. cfgridcolumn
      5. cfgridrow
      6. cfgridupdate
      7. cfheader
      8. cfhtmlhead
      9. cfhtmltopdf
      10. cfhtmltopdfitem
      11. cfhttp
      12. cfhttpparam
      1. cfif
      2. cfimage
      3. cfimap
      4. cfimapfilter
      5. cfimpersonate
      6. cfimport
      7. cfinclude
      8. cfindex
      9. cfinput
      10. cfinsert
      11. cfinterface
      12. cfinvoke
      13. cfinvokeargument
      1. cfjava
      2. cflayout
      3. cflayoutarea
      4. cfldap
      5. cflocation
      6. cflock
      7. cflog
      8. cflogin
      9. cfloginuser
      10. cflogout
      11. cfloop
      12. cfloop：条件付きループ
      13. cfloop：インデックスループ
      14. cfloop：COM コレクションまたは構造体に対するループ
      15. cfloop：日付または時刻の範囲に対するループ
      16. cfloop：リスト、ファイルまたは配列に対するループ
      17. cfloop：クエリに対するループ
      1. cfmail
      2. cfmailparam
      3. cfmailpart
      4. cfmap
      5. cfmapitem
      6. cfmediaplayer
      7. cfmenu
      8. cfmenuitem
      9. cfmessagebox
      10. cfmodule
      11. cfNTauthenticate
      12. cfoauth
      13. cfobject
      14. cfobject：.NET オブジェクト
      15. cfobject：COM オブジェクト
      16. cfobject：コンポーネントオブジェクト
      17. cfobject：CORBA オブジェクト
      18. cfobject：Java または EJB オブジェクト
      19. cfobject：web サービスオブジェクト
      20. cfobjectcache
      21. cfoutput
      1. cfparam
      2. cfpdf
      3. cfpdfform
      4. cfpdfformparam
      5. cfpdfparam
      6. cfpdfsubform
      7. cfpod
      8. cfpop
      9. cfpresentation
      10. cfpresentationslide
      11. cfpresenter
      12. cfprint
      13. cfprocessingdirective
      14. cfprocparam
      15. cfprocresult
      16. cfprogressbar
      17. cfproperty
      18. cfquery
      19. cfqueryparam
      1. cfregistry
      2. cfreport
      3. cfreportparam
      4. cfrethrow
      5. cfreturn
      6. cfsavecontent
      7. cfschedule
      8. cfscript
      9. cfsearch
      10. cfselect
      11. cfservlet
      12. cfservletparam
      13. cfset
      14. cfsetting
      15. cfsharepoint
      16. cfsilent
      17. cfslider
      18. cfspreadsheet
      19. cfsprydataset
      20. cfstoredproc
      21. cfswitch
      1. cftable
      2. cftextarea
      3. cftextinput
      4. cfthread
      5. cfthrow
      6. cftimer
      7. cftooltip
      8. cftrace
      9. cftransaction
      10. cftree
      11. cftreeitem
      12. cftry
      1. cfupdate
      2. cfwddx
      3. cfwebsocket
      4. cfwindow
      5. cfxml
      6. cfzip
      7. cfzipparam
      1. 予約語と変数
      2. 予約語
      3. スコープ固有のビルトイン変数
      4. カスタムタグ変数
      5. ColdFusion タグ固有の変数
      6. CGI 環境（CGI スコープ）変数
      1. AJAX JavaScript 関数
      2. 関数概要 Ajax
      3. ColdFusion.Ajax.submitForm
      4. ColdFusion.Autosuggest.getAutosuggestObject
      5. ColdFusion.Layout.enableSourceBind
      6. ColdFusion.MessageBox.getMessageBoxObject
      7. ColdFusion.ProgressBar.getProgressBarObject
      8. ColdFusion.MessageBox.isMessageBoxDefined
      9. JavaScriptFunctionsinColdFusion9Update1
      1. ColdFusion ActionScript 関数
      2. CF.http
      3. CF.query
      1. ColdFusion Mobile 関数
      2. Accelerometer 関数
      3. カメラ関数
      4. 接続関数
      5. 連絡先関数
      6. イベント関数
      7. ファイルシステム関数
      8. ジオロケーション関数
      9. メディアおよびキャプチャの関数
      10. 通知関数
      11. スプラッシュ画面関数
      12. Storage 関数
      1. Application.CFC リファレンス
      2. アプリケーション変数
      3. メソッドの概要
      4. onAbort
      5. onApplicationEnd
      6. onApplicationStart
      7. onMissingTemplate
      8. onCFCRequest
      9. onError
      10. onRequestEnd
      11. onRequest
      12. onRequestStart
      13. onServerStart
      14. onSessionEnd
      15. onSessionStart
      1. CFC として実装されているスクリプト関数
      2. 関数へのアクセス
      3. 関数一覧
      4. ftp
      5. http
      6. mail
      7. pdf
      8. query
      9. ColdFusion 9 アップデート 1 で CFC として実装されたスクリプト関数
      10. storedproc
      1. すべてのコントロールに有効なスタイル
      2. cfform に有効なスタイル
      3. type 属性が horizontal または vertical である cfformgroup に有効なスタイル
      4. ボックススタイルの cfformgroup 要素に有効なスタイル
      5. type 属性が accordion である cfformgroup に有効なスタイル
      6. type 属性が tabnavigator である cfformgroup に有効なスタイル
      7. type 属性が hrule または vrule である cfformitem に有効なスタイル
      8. type 属性が radio、checkbox、button、image、または submit である cfinput に有効なスタイル
      9. cftextarea タグ、および type 属性が text、password、または hidden である cfinput に有効なスタイル
      10. size 属性の値が 1 である cfselect に有効なスタイル
      11. size 属性が 2 以上である cfselect に有効なスタイル
      12. cfcalendar タグ、および type 属性が dateField である cfinput に有効なスタイル
      13. cfgrid タグに有効なスタイル
      14. cftree タグに有効なスタイル
      15. ColdFusion Flash フォームスタイルリファレンス
      1. ColdFusion イベントゲートウェイリファレンス
      2. addEvent
      3. CFEvent
      4. CFEventclass
      5. コンストラクタ
      6. ゲートウェイ開発のインターフェイスとクラス
      7. getStatus
      8. setCFCPath
      9. setCFCMethod
      10. getOriginatorID
      11. getLogger
      12. getBuddyList
      13. getBuddyInfo
      14. IM ゲートウェイメッセージ送信コマンド
      15. IM ゲートウェイ GatewayHelper クラスのメソッド
      16. onIncomingMessage
      17. onIMServerMessage
      18. onBuddyStatus
      19. onAddBuddyResponse
      20. onAddBuddyRequest
      21. IM ゲートウェイ CFC 着信メッセージメソッド
      22. IM ゲートウェイメソッドとコマンド
      23. CFML CFEvent 構造体
      24. warn
      25. info
      26. setOriginatorID
      27. data コマンド
      28. submitMulti コマンド
      29. submit コマンド
      30. setGatewayType
      31. setGatewayID
      32. setData
      33. setCFCListeners
      34. outgoingMessage
      35. getStatusTimeStamp
      36. numberOfMessagesReceived
      37. numberOfMessagesSent
      38. removeBuddy
      39. removeDeny
      40. removePermit
      41. setNickName
      42. setPermitMode
      43. setStatus
      44. SMS ゲートウェイ CFEvent の構造体とコマンド
      45. SMS ゲートウェイ着信メッセージ CFEvent 構造体
      46. getStatusAsString
      47. getProtocolName
      48. getPermitMode
      49. getPermitList
      50. getNickName
      51. getName
      52. getDenyList
      53. getCustomAwayMessage
      54. getQueueSize
      55. getMaxQueueSize
      56. getHelper
      57. getGatewayType
      58. getGatewayServices
      59. getGatewayID_1
      60. getGatewayID
      61. getData
      62. getCFCTimeout
      63. setCFCTimeout
      64. getCFCPath
      65. getCFCMethod
      66. GatewayServices クラス
      67. ゲートウェイインターフェイス
      68. GatewayHelper インターフェイス
      69. addPermit
      70. addDeny
      71. addBuddy
      72. error
      73. debug
      74. Logger クラス
      75. stop
      76. start
      77. CFML イベントゲートウェイ SendGatewayMessage の data パラメータ
      78. restart
      79. fatal
      80. SMS ゲートウェイメッセージ送信コマンド
      1. C++ クラスの概要
      2. 非推奨のクラスメソッド
      3. CCFXException クラス
      4. CCFXQuery クラス
      5. CCFXRequest クラス
      6. CCFXStringSet クラス
      7. ColdFusion C++ CFX リファレンス
      1. ColdFusion Java CFX リファレンス
      2. クラスライブラリの概要
      3. カスタムタグインターフェイス
      4. クエリインターフェイス
      5. リクエストインターフェイス
      6. レスポンスインターフェイス
      7. デバッグクラスリファレンス
      1. WDDX JavaScript オブジェクト
      2. JavaScript オブジェクトの概要
      3. WddxRecordset オブジェクト
      4. WddxSerializer オブジェクト
    1. ColdFusion と GCP Storage
    2. ColdFusion と GCP Firestore
    3. ColdFusion と GCP PubSub
    4. ColdFusion と Amazon S3
    5. ColdFusion と DynamoDB
    6. ColdFusion と Amazon SQS
    7. ColdFusion と Amazon SNS
    8. ColdFusion と MongoDB
    9. ColdFusion と Azure Blob
    10. ColdFusion と Azure Service Bus
    11. マルチクラウドストレージサービス
    12. マルチクラウド RDS データベース
    13. ColdFusion と Azure Cosmos DB
    1. CFML リファレンスユーザーガイド
      1. カテゴリ別の ColdFusion 関数
        1. Abs
        2. ACos
        3. AddSOAPRequestHeader
        4. AddSOAPResponseHeader
        5. AjaxLink
        6. AjaxOnLoad
        7. ApplicationStop
        8. ArrayAppend
        9. ArrayAvg
        10. ArrayClear
        11. ArrayContains
        12. ArrayContainsNoCase
        13. ArrayDelete
        14. ArrayDeleteAt
        15. ArrayDeleteNoCase
        16. ArrayEach
        17. ArrayFilter
        18. ArrayFind
        19. ArrayFindAll
        20. ArrayFindAllNoCase
        21. ArrayFindNoCase
        22. ArrayInsertAt
        23. ArrayIsDefined
        24. ArrayIsEmpty
        25. ArrayLen
        26. ArrayMap
        27. ArrayMax
        28. ArrayMin
        29. ArrayNew
        30. ArrayPrepend
        31. ArrayReduce
        32. ArrayResize
        33. ArraySet
        34. ArraySetMetadata
        35. ArraySlice
        36. ArraySort
        37. ArraySum
        38. ArraySwap
        39. ArrayToList
        40. Asc
        41. ASin
        42. Atn
        43. AuthenticatedContext
        44. AuthenticatedUser
        45. BinaryDecode
        46. BinaryEncode
        47. BitAnd
        48. BitMaskClear
        49. BitMaskRead
        50. BitMaskSet
        51. BitNot
        52. BitOr
        53. BitSHLN
        54. BitSHRN
        55. BitXor
        56. BooleanFormat
        1. CacheGet
        2. CacheGetAllIds
        3. CacheGetMetadata
        4. CacheGetProperties
        5. CacheGetSession
        6. CacheIdExists
        7. CachePut
        8. CacheRegionExists
        9. CacheRegionNew
        10. CacheRegionRemove
        11. CacheRemove
        12. CacheRemoveAll
        13. CacheSetProperties
        14. CallStackDump
        15. CallStackGet
        16. CanDeSerialize
        17. Canonicalize
        18. CanSerialize
        19. Ceiling
        20. CharsetDecode
        21. CharsetEncode
        22. Chr
        23. CJustify
        24. Compare
        25. CompareNoCase
        26. Cos
        27. CreateDate
        28. CreateDateTime
        29. CreateObject
        30. CreateObject：.NET オブジェクト
        31. CreateObject：COM オブジェクト
        32. CreateObject：コンポーネントオブジェクト
        33. CreateObject：CORBA オブジェクト
        34. CreateObject：Java または EJB オブジェクト
        35. CreateObject：web サービスオブジェクト
        36. CreateODBCDate
        37. CreateODBCDateTime
        38. CreateODBCTime
        39. CreateSignedJWT
        40. createEncryptedJWT
        41. CreateTime
        42. CreateTimeSpan
        43. CreateUUID
        44. CSRFGenerateToken
        45. CSRFVerifyToken
        46. CSVRead
        47. CSVWrite
        48. CSVProcess
        49. DateAdd
        50. DateCompare
        51. DateConvert
        52. DateDiff
        53. DateFormat
        54. DatePart
        55. DateTimeFormat
        56. Day
        57. DayOfWeek
        58. DayOfWeekAsString
        59. DayOfYear
        60. DaysInMonth
        61. DaysInYear
        62. DE
        63. DecimalFormat
        64. DecodeForHTML
        65. DecodeFromURL
        66. DecrementValue
        67. Decrypt
        68. DecryptBinary
        69. DeleteClientVariable
        70. Deserialize
        71. DeserializeJSON
        72. DeserializeXML
        73. DirectoryCopy
        74. DirectoryCreate
        75. DirectoryDelete
        76. DirectoryExists
        77. DirectoryList
        78. DirectoryRename
        79. DollarFormat
        80. DotNetToCFType
        81. Duplicate
        1. EncodeForCSS
        2. EncodeForDN
        3. EncodeForHTML
        4. EncodeForHTMLAttribute
        5. EncodeForJavaScript
        6. EncodeForLDAP
        7. EncodeForURL
        8. EncodeForXML
        9. EncodeForXMLAttribute
        10. EncodeForXpath
        11. Encrypt
        12. EncryptBinary
        13. EntityDelete
        14. EntityLoad
        15. EntityLoadByExample
        16. EntityLoadByPK
        17. EntityMerge
        18. EntityNew
        19. EntityReload
        20. EntitySave
        21. EntityToQuery
        22. Evaluate
        23. Exp
        24. ExpandPath
        25. FileClose
        26. FileCopy
        27. FileDelete
        28. FileExists
        29. FileGetMimeType
        30. FileIsEOF
        31. FileMove
        32. FileOpen
        33. FileRead
        34. FileReadBinary
        35. FileReadLine
        36. FileSeek
        37. FileSetAccessMode
        38. FileSetAttribute
        39. FileSetLastModified
        40. FileSkipBytes
        41. FileUpload
        42. FileUploadAll
        43. FileWrite
        44. FileWriteLine
        45. Find
        46. FindNoCase
        47. FindOneOf
        48. FirstDayOfMonth
        49. Fix
        50. Floor
        51. FormatBaseN
        52. GeneratePBKDFKey
        53. GenerateSecretKey
        54. GetAuthUser
        55. GetBaseTagData
        56. GetBaseTagList
        57. GetBaseTemplatePath
        58. GetClientVariablesList
        59. GetComponentMetaData
        60. GetContextRoot
        61. GetCPUUsage
        62. GetCurrentTemplatePath
        63. GetCSPNonce
        64. GetDirectoryFromPath
        65. GetEncoding
        66. GetException
        67. GetFileFromPath
        68. GetFileInfo
        69. GetFreeSpace
        70. GetFunctionCalledName
        71. GetFunctionList
        72. GetGatewayHelper
        73. GetHttpRequestData
        74. GetHttpTimeString
        75. GetK2ServerDocCount
        76. GetK2ServerDocCountLimit
        77. GetLocale
        78. GetLocaleDisplayName
        79. GetLocalHostIP
        80. GetMetaData
        81. GetMetricData
        82. GetPageContext
        83. GetPropertyString
        84. GetPropertyFile
        85. GetPrinterInfo
        86. GetPrinterList
        87. GetProfileSections
        88. GetProfileString
        89. GetReadableImageFormats
        90. GetSafeHTML
        91. GetSAMLAuthRequest
        93. Generate3DesKey
        95. GetSOAPRequest
        96. GetSOAPRequestHeader
        97. GetSOAPResponse
        98. GetSOAPResponseHeader
        99. GetSystemFreeMemory
        100. GetSystemTotalMemory
        101. GetTempDirectory
        102. GetTempFile
        103. GetTemplatePath
        104. GetTickCount
        105. GetTimeZoneInfo
        106. GetToken
        107. GetTotalSpace
        108. GetUserRoles
        109. GetVFSMetaData
        110. GetWriteableImageFormats
        1. Hash
        2. HMac
        3. Hour
        4. HQLMethods
        5. HTMLCodeFormat
        6. HTMLEditFormat
        7. IIf
        8. ImageAddBorder
        9. ImageBlur
        10. ImageClearRect
        11. ImageCopy
        12. ImageCreateCaptcha
        13. ImageCrop
        14. ImageDrawArc
        15. ImageDrawBeveledRect
        16. ImageDrawCubicCurve
        17. ImageDrawLine
        18. ImageDrawLines
        19. ImageDrawOval
        20. ImageDrawPoint
        21. ImageDrawQuadraticCurve
        22. ImageDrawRect
        23. ImageDrawRoundRect
        24. ImageDrawText
        25. ImageFlip
        26. ImageGetBlob
        27. ImageGetBufferedImage
        28. ImageGetEXIFMetadata
        29. ImageGetEXIFTag
        30. ImageGetHeight
        31. ImageGetIPTCMetadata
        32. ImageGetIPTCTag
        33. ImageGetMetadata
        34. ImageGetWidth
        35. ImageGrayscale
        36. ImageInfo
        37. ImageMakeColorTransparent
        38. ImageMakeTranslucent
        39. ImageNegative
        40. ImageNew
        41. ImageOverlay
        42. ImagePaste
        43. ImageRead
        44. ImageReadBase64
        45. ImageResize
        46. ImageRotate
        47. ImageRotateDrawingAxis
        48. ImageScaleToFit
        49. ImageSetAntialiasing
        50. ImageSetBackgroundColor
        51. ImageSetDrawingColor
        52. ImageSetDrawingStroke
        53. ImageSetDrawingTransparency
        54. ImageSharpen
        55. ImageShear
        56. ImageShearDrawingAxis
        57. ImageTranslate
        58. ImageTranslateDrawingAxis
        59. ImageWrite
        60. ImageWriteBase64
        61. ImageXORDrawingMode
        1. IncrementValue
        2. InputBaseN
        3. Insert
        4. Int
        5. InterruptThread
        6. InvalidateOauthAccesstoken
        7. Invoke
        8. InitSAMLAuthRequest
        10. InvokeCFClientFunction
        11. IsArray
        12. IsAuthenticated
        13. IsAuthorized
        14. IsBinary
        15. IsBoolean
        16. IsClosure
        17. IsCustomFunction
        18. IsDate
        19. IsDateObject
        20. IsDDX
        21. IsDebugMode
        22. IsDefined
        23. IsImage
        24. IsImageFile
        25. IsInstanceOf
        26. IsIPv6
        27. IsJSON
        28. IsK2ServerABroker
        29. IsK2ServerDocCountExceeded
        30. IsK2ServerOnline
        31. IsLeapYear
        32. IsLocalHost
        33. IsNull
        34. IsNumeric
        35. IsNumericDate
        36. IsObject
        37. isOnline
        38. IsPDFArchive
        39. IsPDFFile
        40. IsPDFObject
        41. IsProtected
        42. IsQuery
        43. isSamlLogoutResponse
        44. isSafeHTML
        45. IsSimpleValue
        46. IsSOAPRequest
        47. IsSpreadsheetFile
        48. IsSpreadsheetObject
        49. IsStruct
        50. isThreadInterrupted
        51. IsUserInAnyRole
        52. IsUserInRole
        53. IsUserLoggedIn
        54. IsValid
        55. IsValidOauthAccesstoken
        56. IsWDDX
        57. IsXML
        58. IsXmlAttribute
        59. IsXmlDoc
        60. IsXmlElem
        61. IsXmlNode
        62. IsXmlRoot
        63. JavaCast
        64. JSStringFormat
        1. LCase
        2. Left
        3. Len
        4. ListAppend
        5. ListChangeDelims
        6. ListContains
        7. ListContainsNoCase
        8. ListDeleteAt
        9. ListEach
        10. ListFilter
        11. ListFind
        12. ListFindNoCase
        13. ListFirst
        14. ListGetAt
        15. ListGetDuplicates
        16. ListInsertAt
        17. ListLast
        18. ListLen
        19. ListMap
        20. ListPrepend
        21. ListQualify
        22. ListReduce
        23. ListRemoveDuplicates
        24. ListRest
        25. ListSetAt
        26. ListSort
        27. ListToArray
        28. ListValueCount
        29. ListValueCountNoCase
        30. LJustify
        31. Location
        32. Log
        33. Log10
        34. LSCurrencyFormat
        35. LSDateFormat
        36. LSDateTimeFormat
        37. LSEuroCurrencyFormat
        38. LSIsCurrency
        39. LSIsDate
        40. LSIsNumeric
        41. LSNumberFormat
        42. LSParseCurrency
        43. LSParseDateTime
        44. LSParseEuroCurrency
        45. LSParseNumber
        46. LSTimeFormat
        47. LTrim
        1. Max
        2. Mid
        3. Min
        4. Minute
        5. Month
        6. MonthAsString
        7. Now
        8. NumberFormat
        9. ObjectEquals
        10. ObjectLoad
        11. ObjectSave
        12. OnWSAuthenticate
        13. ORMClearSession
        14. ORMCloseAllSessions
        15. ORMCloseSession
        16. ORMEvictCollection
        17. ORMEvictEntity
        18. ORMEvictQueries
        19. ORMExecuteQuery
        20. ORMFlush
        21. ORMFlushall
        22. ORMGetSession
        23. ORMGetSessionFactory
        24. ORMIndex
        25. ORMIndexPurge
        26. ORMReload
        27. ORMSearch
        28. ORMSearchOffline
        29. ParagraphFormat
        30. ParameterExists
        31. ParseDateTime
        32. Pi
        33. PrecisionEvaluate
        34. ProcessSAMLResponse
        36. Quarter
        37. PreserveSingleQuotes
        38. QueryAddColumn
        39. QueryAddRow
        40. QueryConvertForGrid
        41. QueryExecute
        42. QueryFilter
        43. QueryGetResult
        44. QueryGetRow
        45. QueryKeyExists
        46. QueryMap
        47. QueryNew
        48. QueryReduce
        49. QuerySetCell
        50. QuotedValueList
        51. QueryEach
        52. Rand
        53. Randomize
        54. RandRange
        55. ReEscape
        56. REFind
        57. REFindNoCase
        58. ReleaseComObject
        59. REMatch
        60. REMatchNoCase
        61. RemoveCachedQuery
        62. RemoveChars
        63. RepeatString
        64. Replace
        65. ReplaceList
        66. ReplaceNoCase
        67. REReplace
        68. REReplaceNoCase
        69. RestDeleteApplication
        70. RestSetResponse
        71. RestInitApplication
        72. Reverse
        73. Right
        74. RJustify
        75. Round
        76. RTrim
        1. second
        2. SendGatewayMessage
        3. SendSAMLLogoutResponse
        4. Serialize
        5. SerializeJSON
        6. SerializeXML
        7. SessionInvalidate
        8. SessionRotate
        9. SessionGetMetaData
        10. SessionInvalidate
        11. SessionRotate
        12. SetDay
        13. SetEncoding
        14. SetHour
        15. SetLocale
        16. SetMonth
        17. SetProfileString
        18. SetPropertyString
        19. SetVariable
        20. SetYear
        21. Sgn
        22. Sin
        23. Sleep
        24. SpanExcluding
        25. SpanIncluding
        26. SpreadsheetAddAutoFilter
        27. SpreadsheetAddColumn
        28. SpreadsheetAddFreezePane
        29. SpreadsheetAddImage
        30. SpreadsheetAddInfo
        31. SpreadsheetAddPageBreaks
        32. SpreadsheetAddRow
        33. SpreadsheetAddRows
        34. SpreadsheetAddSplitPane
        35. SpreadsheetCreateSheet
        36. SpreadsheetDeleteColumn
        37. SpreadsheetDeleteColumns
        38. SpreadsheetDeleteRow
        39. SpreadsheetDeleteRows
        40. SpreadsheetFormatCell
        41. SpreadsheetFormatColumn
        42. SpreadsheetFormatCellRange
        43. SpreadsheetFormatColumn
        44. SpreadsheetFormatColumns
        45. SpreadsheetFormatRow
        46. SpreadsheetFormatRows
        47. SpreadsheetGetCellComment
        48. SpreadsheetGetCellFormula
        49. SpreadsheetGetCellValue
        50. SpreadsheetGetColumnCount
        51. SpreadsheetInfo
        52. SpreadsheetMergeCells
        53. SpreadsheetNew
        54. SpreadsheetRead
        55. SpreadsheetReadBinary
        56. SpreadsheetRemoveSheet
        57. SpreadsheetSetActiveSheet
        58. SpreadsheetSetActiveSheetNumber
        59. SpreadsheetSetCellComment
        60. SpreadsheetSetCellFormula
        61. SpreadsheetSetCellValue
        62. SpreadsheetSetColumnWidth
        63. SpreadsheetSetFooter
        64. SpreadsheetSetHeader
        65. SpreadsheetSetRowHeight
        66. SpreadsheetShiftColumns
        67. SpreadsheetShiftRows
        68. SpreadsheetWrite
        69. StreamingSpreadsheetNew
        70. StreamingSpreadsheetCleanup
        71. StreamingSpreadsheetRead
        72. StreamingSpreadsheetProcess
        73. SpreadsheetSetFooterImage
        74. SpreadsheetSetHeaderImage
        75. SpreadsheetSetFittoPage
        76. SpreadsheetUngroupColumns
        77. SpreadsheetGroupColumns
        78. SpreadsheetUngroupRows
        79. SpreadsheetGroupRows
        80. SpreadsheetRemoveColumnBreak
        81. SpreadsheetSetColumnBreak
        82. SpreadsheetRemoveRowBreak
        83. SpreadsheetSetRowBreak
        84. SpreadsheetRemovePrintGridlines
        85. SpreadsheetAddPrintGridlines
        86. SpreadsheetGetColumnWidth
        87. SpreadsheetSetColumnHidden
        88. SpreadsheetSetRowHidden
        89. SpreadsheetisColumnHidden
        90. SpreadsheetisRowHidden
        91. SpreadsheetisStreamingXmlFormat
        92. SpreadsheetisXmlFormat
        93. SpreadsheetisBinaryFormat
        94. SpreadsheetRenameSheet
        95. SpreadsheetRemoveSheetNumber
        96. SpreadsheetGetLastRowNumber
        97. SpreadsheetGetPrintOrientation
        98. Sqr
        99. StripCR
        100. StructAppend
        101. StructClear
        102. StructCopy
        103. StructCount
        104. StructDelete
        105. StructEach
        106. StructFilter
        107. StructFind
        108. StructFindKey
        109. StructFindValue
        110. StructGet
        111. StructGetMetadata
        112. StructInsert
        113. StructIsEmpty
        114. StructKeyArray
        115. StructKeyExists
        116. StructKeyList
        117. StructMap
        118. StructNew
        119. StructReduce
        120. StructSetMetadata
        121. StructSort
        122. StructToSorted
        123. StructUpdate
        124. StructValueArray
        125. StoreSetMetadata
        126. StoreGetACL
        127. StoreGetMetadata
        128. StoreAddACL
        129. StoreSetACL
        1. Tan
        2. ThreadJoin
        3. ThreadTerminate
        4. Throw
        5. TimeFormat
        6. ToBase64
        7. ToBinary
        8. ToScript
        9. ToString
        10. Trace
        11. Transactionandconcurrency
        12. TransactionCommit
        13. TransactionRollback
        14. TransactionSetSavePoint
        15. Trim
        16. UCase
        17. URLDecode
        18. URLEncodedFormat
        19. URLSessionFormat
        20. Val
        21. ValueList
        22. VerifyClient
        23. Week
        24. Wrap
        25. WriteDump
        26. WriteLog
        27. WriteOutput
        28. WSGetAllChannels
        29. WSGetSubscribers
        30. WSPublish
        31. WSSendMessage
        32. XmlChildPos
        33. XmlElemNew
        34. XmlFormat
        35. XmlGetNodeType
        36. XmlNew
        37. XmlParse
        38. XmlSearch
        39. XmlTransform
        40. XmlValidate
        41. Year
        42. YesNoFormat
    3. ColdFusion のタグ
      1. ColdFusion タグの概要
          1. cfapplication
          2. cfassociate
          3. cferror
          4. cfimport
          5. cfinterface
          6. cflock
          7. CFScript の
          8. cfthread
          1. cfexchangecalendar
          2. cfexchangeconnection
          3. cfexchangecontact
          4. cfexchangefilter
          5. cfexchangemail
          6. cfexchangetask
          7. cfexchangefolder
          8. cfexchangeconversation
          9. cffeed
          10. cfmail
          11. cfmailparam
          12. cfmailpart
          13. cfpop
          1. cfdbinfo
          2. cfinsert
          3. cfobjectcache
          4. cfprocparam
          5. cfprocresult
          6. cfquery
          7. cfqueryparam
          8. cfstoredproc
          9. cftransaction
          10. cfupdate
          1. cfchart
          1. cfdump
          2. cftimer
          3. cftrace
          1. cfcatch
          2. cferror
          3. cffinally
          4. cfrethrow
          5. cfthrow
          6. cftry
          1. cfchart
          2. cfchartdata
          3. cfchartseries
          4. cfcollection
          5. cfcomponent
          6. cfexecute
          7. cfftp
          8. function
          9. cfindex
          10. cfinterface
          11. cfinvoke
          12. cfinvokeargument
          13. cfobject
          14. cfproperty
          15. cfreport
          16. cfreportparam
          17. cfreturn
          18. cfsearch
          19. cfsharepoint
          20. cfspreadsheet
          21. cfwddx
          22. cfxml
          1. cfdirectory
          2. 使用できます
          3. cffileupload
          4. cfftp
          5. cfzip
          6. cfzipparam
          1. cfabort
          2. cfbreak
          3. cfcase
          4. cfcontinue
          5. cfdefaultcase
          6. cfelse
          7. cfelseif
          8. cfexecute
          9. cfexit
          10. cfif
          11. cfinclude
          12. cflocation
          13. cfloop
          14. cfrethrow
          15. cfswitch
          16. cfthrow
          17. cftry
          1. cfapplet
          2. cfcalendar
          3. cffileupload
          4. cfform
          5. cfformgroup
          6. cfformitem
          7. cfgrid
          8. cfgridcolumn
          9. cfgridrow
          10. cfgridupdate
          11. cfinput
          12. cfpdf
          13. cfpdfform
          14. cfpdfformparam
          15. cfpdfparam
          16. cfpdfsubform
          17. cfselect
          18. cfslider
          19. cftextarea
          20. cftree
          21. cftreeitem
          1. cfajaximport
          2. cfajaxproxy
          3. cfftp
          4. cffeed
          5. cfimap
          6. cfhttp
          7. cfhttpparam
          8. cfldap
          9. cfmail
          10. cfmailparam
          11. cfmailpart
          12. cfpop
          13. cfsprydataset
          1. cfcache
          2. cfcontent
          3. cfflush
          4. cfheader
          5. cfhtmlhead
          6. cfinclude
          7. cfprocessingdirective
          8. cfsetting
          9. cfsilent
          1. cflogin
          2. cfloginuser
          3. cflogout
          4. cfNTauthenticate
          1. cfcookie
          2. cfdump
          3. cfparam
          4. cfregistry
          5. cfsavecontent
          6. cfschedule
          7. cfset
          8. cfsetting
          1. cfimage
          2. cflog
          3. cfregistry
        1. cfabort
        2. cfajaximport
        3. cfajaxproxy
        4. cfapplet
        5. cfapplication
        6. cfargument
        7. cfassociate
        8. cfauthenticate
        9. cfbreak
      4. タグ c
        1. cfcache
        2. cfcalendar
        3. cfcase
        4. cfcatch
        5. cfchart
          1. ColdFusion の cfchart タグ
          2. cfchart の概要
          3. cfchart を使用したチャートのカスタマイズ
          4. 高度な cfchart カスタマイズオプション
          5. ColdFusion での面グラフの作成
          6. ColdFusion での折れ線グラフの作成
          7. ColdFusion での棒グラフの作成
          8. ColdFusion でのフローティング棒グラフの作成
          9. ColdFusion でのヒストグラムの作成
          10. ColdFusion での円グラフの作成
          11. ColdFusion でのファネルグラフの作成
          12. ColdFusion でのピラミッドグラフの作成
          13. ColdFusion での曲線グラフの作成
          14. ColdFusion でボックスプロットを作成する
          15. ColdFusion でのドーナツグラフの作成
          16. ColdFusion でのバブルチャートの作成
          17. ColdFusion での散布図の作成
          18. ColdFusion でのレーダーチャートの作成
          19. ColdFusion のその他のグラフタイプ（円錐、円柱、ピアノ、箇条書き）
            1. ColdFusion のチャートへのマーカーの追加
            2. ColdFusion のチャートへのルールの追加
            3. ColdFusion のチャートでの数値の書式設定
            4. ColdFusion のチャートへのアニメーションの追加
            5. ColdFusion のチャートへのテーマの作成と適用
        6. cfchartdata
        7. cfchartseries
        8. cfchartset
        9. cfclient
        10. cfclientsettings
        11. cfcol
        12. cfcollection
        13. cfcomponent
        14. cfcontent
        15. cfcontinue
        16. cfcookie
        17. タグ d～e
        1. cffeed
        2. cffile
        3. cffile action = "append"
        4. cffile action = "copy"
        5. cffile action = "delete"
        6. cffile action = "move"
        7. cffile action = "read"
        8. cffile action = "readBinary"
        9. cffile action = "rename"
        10. cffile action = "upload"
        11. cffile action = "uploadAll"
        12. cffile action = "write"
        13. cffileupload
        14. cffinally
        15. cfflush
        16. cfform
        17. cfformgroup
        18. cfformitem
        19. cfftp
        20. cfftp：接続：ファイルおよびディレクトリのオペレーション
        21. cfftp：FTP サーバー接続の確立と切断
        22. cfftp：セキュア FTP サーバー接続の確立と切断
        23. cfftp action = "listDir"
        24. cffunction
        1. cfgraph
        2. cfgraphdata
        3. cfgrid
        4. cfgridcolumn
        5. cfgridrow
        6. cfgridupdate
        7. cfheader
        8. cfhtmlhead
        9. cfhtmltopdf
        10. cfhtmltopdfitem
        11. cfhttp
        12. cfhttpparam
        1. cfif
        2. cfimage
        3. cfimap
        4. cfimapfilter
        5. cfimpersonate
        6. cfimport
        7. cfinclude
        8. cfindex
        9. cfinput
        10. cfinsert
        11. cfinterface
        12. cfinvoke
        13. cfinvokeargument
        1. cfjava
        2. cflayout
        3. cflayoutarea
        4. cfldap
        5. cflocation
        6. cflock
        7. cflog
        8. cflogin
        9. cfloginuser
        10. cflogout
        11. cfloop
        12. cfloop：条件付きループ
        13. cfloop：インデックスループ
        14. cfloop：COM コレクションまたは構造体に対するループ
        15. cfloop：日付または時刻の範囲に対するループ
        16. cfloop：リスト、ファイルまたは配列に対するループ
        17. cfloop：クエリに対するループ
        1. cfmail
        2. cfmailparam
        3. cfmailpart
        4. cfmap
        5. cfmapitem
        6. cfmediaplayer
        7. cfmenu
        8. cfmenuitem
        9. cfmessagebox
        10. cfmodule
        11. cfNTauthenticate
        12. cfoauth
        13. cfobject
        14. cfobject：.NET オブジェクト
        15. cfobject：COM オブジェクト
        16. cfobject：コンポーネントオブジェクト
        17. cfobject：CORBA オブジェクト
        18. cfobject：Java または EJB オブジェクト
        19. cfobject：web サービスオブジェクト
        20. cfobjectcache
        21. cfoutput
        1. cfparam
        2. cfpdf
        3. cfpdfform
        4. cfpdfformparam
        5. cfpdfparam
        6. cfpdfsubform
        7. cfpod
        8. cfpop
        9. cfpresentation
        10. cfpresentationslide
        11. cfpresenter
        12. cfprint
        13. cfprocessingdirective
        14. cfprocparam
        15. cfprocresult
        16. cfprogressbar
        17. cfproperty
        18. cfquery
        19. cfqueryparam
        1. cfregistry
        2. cfreport
        3. cfreportparam
        4. cfrethrow
        5. cfreturn
        6. cfsavecontent
        7. cfschedule
        8. cfscript
        9. cfsearch
        10. cfselect
        11. cfservlet
        12. cfservletparam
        13. cfset
        14. cfsetting
        15. cfsharepoint
        16. cfsilent
        17. cfslider
        18. cfspreadsheet
        19. cfsprydataset
        20. cfstoredproc
        21. cfswitch
        1. cftable
        2. cftextarea
        3. cftextinput
        4. cfthread
        5. cfthrow
        6. cftimer
        7. cftooltip
        8. cftrace
        9. cftransaction
        10. cftree
        11. cftreeitem
        12. cftry
        1. cfupdate
        2. cfwddx
        3. cfwebsocket
        4. cfwindow
        5. cfxml
        6. cfzip
        7. cfzipparam
        1. 予約語と変数
        2. 予約語
        3. スコープ固有のビルトイン変数
        4. カスタムタグ変数
        5. ColdFusion タグ固有の変数
        6. CGI 環境（CGI スコープ）変数
        1. AJAX JavaScript 関数
        2. 関数概要 Ajax
        3. ColdFusion.Ajax.submitForm
        4. ColdFusion.Autosuggest.getAutosuggestObject
        5. ColdFusion.Layout.enableSourceBind
        6. ColdFusion.MessageBox.getMessageBoxObject
        7. ColdFusion.ProgressBar.getProgressBarObject
        8. ColdFusion.MessageBox.isMessageBoxDefined
        9. JavaScriptFunctionsinColdFusion9Update1
        1. ColdFusion ActionScript 関数
        2. CF.http
        3. CF.query
        1. ColdFusion Mobile 関数
        2. Accelerometer 関数
        3. カメラ関数
        4. 接続関数
        5. 連絡先関数
        6. イベント関数
        7. ファイルシステム関数
        8. ジオロケーション関数
        9. メディアおよびキャプチャの関数
        10. 通知関数
        11. スプラッシュ画面関数
        12. Storage 関数
        1. Application.CFC リファレンス
        2. アプリケーション変数
        3. メソッドの概要
        4. onAbort
        5. onApplicationEnd
        6. onApplicationStart
        7. onMissingTemplate
        8. onCFCRequest
        9. onError
        10. onRequestEnd
        11. onRequest
        12. onRequestStart
        13. onServerStart
        14. onSessionEnd
        15. onSessionStart
        1. CFC として実装されているスクリプト関数
        2. 関数へのアクセス
        3. 関数一覧
        4. ftp
        5. http
        6. mail
        7. pdf
        8. query
        9. ColdFusion 9 アップデート 1 で CFC として実装されたスクリプト関数
        10. storedproc
        1. すべてのコントロールに有効なスタイル
        2. cfform に有効なスタイル
        3. type 属性が horizontal または vertical である cfformgroup に有効なスタイル
        4. ボックススタイルの cfformgroup 要素に有効なスタイル
        5. type 属性が accordion である cfformgroup に有効なスタイル
        6. type 属性が tabnavigator である cfformgroup に有効なスタイル
        7. type 属性が hrule または vrule である cfformitem に有効なスタイル
        8. type 属性が radio、checkbox、button、image、または submit である cfinput に有効なスタイル
        9. cftextarea タグ、および type 属性が text、password、または hidden である cfinput に有効なスタイル
        10. size 属性の値が 1 である cfselect に有効なスタイル
        11. size 属性が 2 以上である cfselect に有効なスタイル
        12. cfcalendar タグ、および type 属性が dateField である cfinput に有効なスタイル
        13. cfgrid タグに有効なスタイル
        14. cftree タグに有効なスタイル
        15. ColdFusion Flash フォームスタイルリファレンス
        1. ColdFusion イベントゲートウェイリファレンス
        2. addEvent
        3. CFEvent
        4. CFEventclass
        5. コンストラクタ
        6. ゲートウェイ開発のインターフェイスとクラス
        7. getStatus
        8. setCFCPath
        9. setCFCMethod
        10. getOriginatorID
        11. getLogger
        12. getBuddyList
        13. getBuddyInfo
        14. IM ゲートウェイメッセージ送信コマンド
        15. IM ゲートウェイ GatewayHelper クラスのメソッド
        16. onIncomingMessage
        17. onIMServerMessage
        18. onBuddyStatus
        19. onAddBuddyResponse
        20. onAddBuddyRequest
        21. IM ゲートウェイ CFC 着信メッセージメソッド
        22. IM ゲートウェイメソッドとコマンド
        23. CFML CFEvent 構造体
        24. warn
        25. info
        26. setOriginatorID
        27. data コマンド
        28. submitMulti コマンド
        29. submit コマンド
        30. setGatewayType
        31. setGatewayID
        32. setData
        33. setCFCListeners
        34. outgoingMessage
        35. getStatusTimeStamp
        36. numberOfMessagesReceived
        37. numberOfMessagesSent
        38. removeBuddy
        39. removeDeny
        40. removePermit
        41. setNickName
        42. setPermitMode
        43. setStatus
        44. SMS ゲートウェイ CFEvent の構造体とコマンド
        45. SMS ゲートウェイ着信メッセージ CFEvent 構造体
        46. getStatusAsString
        47. getProtocolName
        48. getPermitMode
        49. getPermitList
        50. getNickName
        51. getName
        52. getDenyList
        53. getCustomAwayMessage
        54. getQueueSize
        55. getMaxQueueSize
        56. getHelper
        57. getGatewayType
        58. getGatewayServices
        59. getGatewayID_1
        60. getGatewayID
        61. getData
        62. getCFCTimeout
        63. setCFCTimeout
        64. getCFCPath
        65. getCFCMethod
        66. GatewayServices クラス
        67. ゲートウェイインターフェイス
        68. GatewayHelper インターフェイス
        69. addPermit
        70. addDeny
        71. addBuddy
        72. error
        73. debug
        74. Logger クラス
        75. stop
        76. start
        77. CFML イベントゲートウェイ SendGatewayMessage の data パラメータ
        78. restart
        79. fatal
        80. SMS ゲートウェイメッセージ送信コマンド
        1. C++ クラスの概要
        2. 非推奨のクラスメソッド
        3. CCFXException クラス
        4. CCFXQuery クラス
        5. CCFXRequest クラス
        6. CCFXStringSet クラス
        7. ColdFusion C++ CFX リファレンス
        1. ColdFusion Java CFX リファレンス
        2. クラスライブラリの概要
        3. カスタムタグインターフェイス
        4. クエリインターフェイス
        5. リクエストインターフェイス
        6. レスポンスインターフェイス
        7. デバッグクラスリファレンス
        1. WDDX JavaScript オブジェクト
        2. JavaScript オブジェクトの概要
        3. WddxRecordset オブジェクト
        4. WddxSerializer オブジェクト
      1. ColdFusion と GCP Storage
      2. ColdFusion と GCP Firestore
      3. ColdFusion と GCP PubSub
      4. ColdFusion と Amazon S3
      5. ColdFusion と DynamoDB
      6. ColdFusion と Amazon SQS
      7. ColdFusion と Amazon SNS
      8. ColdFusion と MongoDB
      9. ColdFusion と Azure Blob
      10. ColdFusion と Azure Service Bus
      11. マルチクラウドストレージサービス
      12. マルチクラウド RDS データベース
      13. ColdFusion と Azure Cosmos DB

     

    ColdFusion には、web アプリケーションのチャートを作成およびカスタマイズするための <cfchart> タグが用意されています。様々な属性とネストされたタグを活用することで、ユーザーはチャートの外観、スタイル、動作を変更できます。

    <cfchart> タグは、デフォルト設定でチャートを生成します。ユーザーは、format、show3d、chartHeight、chartWidth などの属性を使用してカスタマイズできます。

    例

    <cfchart format=&quot;html&quot; chartheight=&quot;300&quot; chartwidth=&quot;500&quot;>
    <cfchartseries type=&quot;bar&quot;>
    <cfchartdata item=&quot;Q1&quot; value=&quot;100&quot;/>
    <cfchartdata item=&quot;Q2&quot; value=&quot;150&quot;/>
    <cfchartdata item=&quot;Q3&quot; value=&quot;200&quot;/>
    </cfchartseries>
    </cfchart>
    <cfchart format=&quot;html&quot; chartheight=&quot;300&quot; chartwidth=&quot;500&quot;> <cfchartseries type=&quot;bar&quot;> <cfchartdata item=&quot;Q1&quot; value=&quot;100&quot;/> <cfchartdata item=&quot;Q2&quot; value=&quot;150&quot;/> <cfchartdata item=&quot;Q3&quot; value=&quot;200&quot;/> </cfchartseries> </cfchart>
    <cfchart format=&quot;html&quot; chartheight=&quot;300&quot; chartwidth=&quot;500&quot;>
    <cfchartseries type=&quot;bar&quot;>
        <cfchartdata item=&quot;Q1&quot; value=&quot;100&quot;/>
        <cfchartdata item=&quot;Q2&quot; value=&quot;150&quot;/>
        <cfchartdata item=&quot;Q3&quot; value=&quot;200&quot;/>
    </cfchartseries>
</cfchart>

    チャートの外観のカスタマイズ

    チャートの寸法の設定

    chartWidth と chartHeight は、チャートの寸法をピクセル単位で定義します。

    <cfchart format="html" chartwidth="600" chartheight="400">...</cfchart>

    チャートの形式

    サポートされている形式は、png、jpg、html、svg です。

    <cfchart format="html">...</cfchart>

    3D 効果を有効にする

    show3d="yes" を使用すると、チャートに 3D 効果を追加できます。

    <cfchart format="html" show3d="yes">...</cfchart>

    チャートの色のカスタマイズ

    背景と境界線の色

    • 背景色を設定するには、 backgroundColor を使用します。
    • チャートの境界線を有効または無効にするには、境界線を使用します。

    <cfchart format="html" backgroundColor="##FFFFFF" border="yes">...</cfchart>

    系列の色のカスタマイズ

    {{}}{{}}{{}}{{{{}}}} の {2}{3}colorlist{4}{5} を使用して、様々なデータ系列の色を定義します。{10}

    <cfchartseries type="bar" colorlist="red,blue,green">...</cfchartseries>

    ラベルとタイトルのカスタマイズ

    チャートのタイトル

    • title：チャートのメインタイトルを定義します。
    • xAxisTitle および yAxisTitle：棒グラフと折れ線グラフの軸にラベルを付けます。

    <cfchart format="html" type="bar" title="Monthly Sales" xAxisTitle="Months" yAxisTitle="Revenue ($)"> </cfchart>

    データ表示域のカスタマイズ

    <cfchartseries> を使用したデータの定義

    <cfchartseries> タグは、データタイプと値を指定します。

    <cfchart format=&quot;png&quot; type=&quot;bar&quot;>
    <cfchartseries type=&quot;bar&quot;>
    <cfchartdata item=&quot;January&quot; value=&quot;5000&quot;>
    <cfchartdata item=&quot;February&quot; value=&quot;7000&quot;>
    <cfchartdata item=&quot;March&quot; value=&quot;6000&quot;>
    </cfchartseries>
    </cfchart>
    <cfchart format=&quot;png&quot; type=&quot;bar&quot;> <cfchartseries type=&quot;bar&quot;> <cfchartdata item=&quot;January&quot; value=&quot;5000&quot;> <cfchartdata item=&quot;February&quot; value=&quot;7000&quot;> <cfchartdata item=&quot;March&quot; value=&quot;6000&quot;> </cfchartseries> </cfchart>
    <cfchart format=&quot;png&quot; type=&quot;bar&quot;>
    <cfchartseries type=&quot;bar&quot;>
        <cfchartdata item=&quot;January&quot; value=&quot;5000&quot;>
        <cfchartdata item=&quot;February&quot; value=&quot;7000&quot;>
        <cfchartdata item=&quot;March&quot; value=&quot;6000&quot;>
    </cfchartseries>
</cfchart>

    比較データの複数系列

    グループ化された棒グラフまたは複数の折れ線グラフに複数の <cfchartseries> を追加します。

    <cfchart format=&quot;html&quot; type=&quot;bar&quot;>
    <cfchartseries type=&quot;bar&quot; seriesLabel=&quot;Product A&quot;>
    <cfchartdata item=&quot;Q1&quot; value=&quot;2000&quot;>
    <cfchartdata item=&quot;Q2&quot; value=&quot;3000&quot;>
    </cfchartseries>
    <cfchartseries type=&quot;bar&quot; seriesLabel=&quot;Product B&quot;>
    <cfchartdata item=&quot;Q1&quot; value=&quot;2500&quot;>
    <cfchartdata item=&quot;Q2&quot; value=&quot;3500&quot;>
    </cfchartseries>
    </cfchart>
    <cfchart format=&quot;html&quot; type=&quot;bar&quot;> <cfchartseries type=&quot;bar&quot; seriesLabel=&quot;Product A&quot;> <cfchartdata item=&quot;Q1&quot; value=&quot;2000&quot;> <cfchartdata item=&quot;Q2&quot; value=&quot;3000&quot;> </cfchartseries> <cfchartseries type=&quot;bar&quot; seriesLabel=&quot;Product B&quot;> <cfchartdata item=&quot;Q1&quot; value=&quot;2500&quot;> <cfchartdata item=&quot;Q2&quot; value=&quot;3500&quot;> </cfchartseries> </cfchart>
    <cfchart format=&quot;html&quot; type=&quot;bar&quot;>
    <cfchartseries type=&quot;bar&quot; seriesLabel=&quot;Product A&quot;>
        <cfchartdata item=&quot;Q1&quot; value=&quot;2000&quot;>
        <cfchartdata item=&quot;Q2&quot; value=&quot;3000&quot;>
    </cfchartseries>
    <cfchartseries type=&quot;bar&quot; seriesLabel=&quot;Product B&quot;>
        <cfchartdata item=&quot;Q1&quot; value=&quot;2500&quot;>
        <cfchartdata item=&quot;Q2&quot; value=&quot;3500&quot;>
    </cfchartseries>
</cfchart>

    クエリからのデータの動的入力

    <cfquery name=&quot;salesData&quot; datasource=&quot;myDB&quot;>
    SELECT month, revenue FROM sales_table
    </cfquery>
    <cfchart format=&quot;html&quot; type=&quot;line&quot;>
    <cfchartseries type=&quot;line&quot;>
    <cfloop query=&quot;salesData&quot;>
    <cfchartdata item=&quot;#month#&quot; value=&quot;#revenue#&quot;>
    </cfloop>
    </cfchartseries>
    </cfchart>
    <cfquery name=&quot;salesData&quot; datasource=&quot;myDB&quot;> SELECT month, revenue FROM sales_table </cfquery> <cfchart format=&quot;html&quot; type=&quot;line&quot;> <cfchartseries type=&quot;line&quot;> <cfloop query=&quot;salesData&quot;> <cfchartdata item=&quot;#month#&quot; value=&quot;#revenue#&quot;> </cfloop> </cfchartseries> </cfchart>
    <cfquery name=&quot;salesData&quot; datasource=&quot;myDB&quot;>
    SELECT month, revenue FROM sales_table
</cfquery>

<cfchart format=&quot;html&quot; type=&quot;line&quot;>
    <cfchartseries type=&quot;line&quot;>
        <cfloop query=&quot;salesData&quot;>
            <cfchartdata item=&quot;#month#&quot; value=&quot;#revenue#&quot;>
        </cfloop>
    </cfchartseries>
</cfchart>

    チャートの凡例とツールヒントのカスタマイズ

    凡例の有効化とスタイル設定

    • showLegend：凡例を表示します。
    • legendPosition：上、下、左または右に配置します。

    <cfchart format="html" type="pie" showLegend="yes" legendPosition="right">..</cfchart>

    データポイントのツールヒントの使用

    • showMarkers="yes" は、インタラクティブマーカーを表示します。
    • markerSize はマーカーサイズを調整します。

    <cfchart format="html" type="line" showMarkers="yes" markerSize="6">...</cfchart>

    軸とグリッド線のカスタマイズ

    軸のスケールの調整

    • xAxis と xAxis2：X 軸と 2 番目の X 軸を書式設定します。
    • yAxis と yAxis2：Y 軸と 2 番目の Y 軸を書式設定します。

    グリッド線の表示と非表示

    • showXGridlines または showYGridlines を TRUE または FALSE に設定します。

    <cfchart format="html" type="line" showXGridlines="no">...</cfchart>

    動的に更新されるチャートの作成

    動的チャートの主な用途は、データのリアルタイム表示です。 このような場合、チャートに新しいデータを一定間隔で表示する必要があります。

    フル更新フィードを使用すると、チャート全体を一定間隔で更新できます。 古い値には関連性がなく、最新の数値を表示するだけでいい場合は、フル更新チャートを使用します。

    このようなチャートでは、指定した間隔でチャートが最新データの取得を試みる URL が必要です。

    <!--- refresh.cfm --->
    <cfchart format=&quot;html&quot; refresh=&quot;#{&quot;type&quot;=&quot;full&quot;,&quot;interval&quot;:&quot;2&quot;,&quot;url&quot;:&quot;feed.cfm&quot;}#&quot; chartWidth=&quot;800&quot; chartHeight=&quot;600&quot;/>
    <!--- refresh.cfm ---> <cfchart format=&quot;html&quot; refresh=&quot;#{&quot;type&quot;=&quot;full&quot;,&quot;interval&quot;:&quot;2&quot;,&quot;url&quot;:&quot;feed.cfm&quot;}#&quot; chartWidth=&quot;800&quot; chartHeight=&quot;600&quot;/>
    <!--- refresh.cfm --->

<cfchart format=&quot;html&quot; refresh=&quot;#{&quot;type&quot;=&quot;full&quot;,&quot;interval&quot;:&quot;2&quot;,&quot;url&quot;:&quot;feed.cfm&quot;}#&quot; chartWidth=&quot;800&quot; chartHeight=&quot;600&quot;/>
    <!--- feed.cfm --->
    <cfscript>
    values1=values2=values3=[];
    for (i=1;i<=5;i++){
    values1[i]=randRange(20,40);
    }
    for (i=1;i<=5;i++){
    values2[i]=randRange(40,60);
    }
    for (i=1;i<=5;i++){
    values3[i]=randRange(60,80);
    }
    </cfscript>
    {
    &quot;graphset&quot; : [
    {
    &quot;type&quot; : &quot;bar&quot;,
    &quot;refresh&quot; : {
    &quot;type&quot; : &quot;full&quot;,
    &quot;interval&quot; : 2
    },
    &quot;title&quot; : {
    &quot;text&quot; : &quot;Full Refresh Chart&quot;
    },
    &quot;series&quot; : [
    {
    &quot;values&quot; : <cfoutput>#serializeJSON(values1)#</cfoutput>
    },
    {
    &quot;values&quot; : <cfoutput>#serializeJSON(values2)#</cfoutput>
    },
    {
    &quot;values&quot; : <cfoutput>#serializeJSON(values3)#</cfoutput>
    }]
    }]
    }
    <!--- feed.cfm ---> <cfscript> values1=values2=values3=[]; for (i=1;i<=5;i++){ values1[i]=randRange(20,40); } for (i=1;i<=5;i++){ values2[i]=randRange(40,60); } for (i=1;i<=5;i++){ values3[i]=randRange(60,80); } </cfscript> { &quot;graphset&quot; : [ { &quot;type&quot; : &quot;bar&quot;, &quot;refresh&quot; : { &quot;type&quot; : &quot;full&quot;, &quot;interval&quot; : 2 }, &quot;title&quot; : { &quot;text&quot; : &quot;Full Refresh Chart&quot; }, &quot;series&quot; : [ { &quot;values&quot; : <cfoutput>#serializeJSON(values1)#</cfoutput> }, { &quot;values&quot; : <cfoutput>#serializeJSON(values2)#</cfoutput> }, { &quot;values&quot; : <cfoutput>#serializeJSON(values3)#</cfoutput> }] }] }
    <!--- feed.cfm --->

<cfscript>
       values1=values2=values3=[];
       for (i=1;i<=5;i++){
             values1[i]=randRange(20,40);
       }
       for (i=1;i<=5;i++){
             values2[i]=randRange(40,60);
       }
       for (i=1;i<=5;i++){
             values3[i]=randRange(60,80);
       }
</cfscript>
{
  &quot;graphset&quot; : [
  {
    &quot;type&quot; : &quot;bar&quot;,
    &quot;refresh&quot; : {
        &quot;type&quot; : &quot;full&quot;,
        &quot;interval&quot; : 2
    },
       &quot;title&quot; : {
             &quot;text&quot; : &quot;Full Refresh Chart&quot;
       },
    &quot;series&quot; : [
     {
        &quot;values&quot; : <cfoutput>#serializeJSON(values1)#</cfoutput>
     },
     {
        &quot;values&quot; : <cfoutput>#serializeJSON(values2)#</cfoutput>
     },
     {
        &quot;values&quot; : <cfoutput>#serializeJSON(values3)#</cfoutput>
     }] 
  }]
}

    ダウンロード

    ファイルを取得する
    クリックすると出力が表示されます。 これは MP4 ムービーファイルです。

    arrows 属性の使用

    <cfscript> arrows=[{&quot;backgroundColor&quot;:&quot;red&quot;,&quot;label&quot;:{&quot;text&quot;:&quot;Data for 2017&quot;,&quot;bold&quot;:true,&quot;backgroundColor&quot;:&quot;white&quot;}, &quot;size&quot;:6,&quot;from&quot;:{&quot;x&quot;:200,&quot;y&quot;:100},&quot;to&quot;:{&quot;x&quot;:400,&quot;y&quot;:200}}]; </cfscript> <cfchart format=&quot;html&quot; type=&quot;bar&quot; showlegend=&quot;false&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; title=&quot;Chart with arrow&quot; show3d=&quot;true&quot; arrows=&quot;#arrows#&quot;> <cfchartseries > <cfchartdata item=&quot;2015&quot; value=20> <cfchartdata item=&quot;2016&quot; value=40> <cfchartdata item=&quot;2017&quot; value=60> </cfchartseries> </cfchart>
    <cfscript> arrows=[{&quot;backgroundColor&quot;:&quot;red&quot;,&quot;label&quot;:{&quot;text&quot;:&quot;Data for 2017&quot;,&quot;bold&quot;:true,&quot;backgroundColor&quot;:&quot;white&quot;}, &quot;size&quot;:6,&quot;from&quot;:{&quot;x&quot;:200,&quot;y&quot;:100},&quot;to&quot;:{&quot;x&quot;:400,&quot;y&quot;:200}}]; </cfscript> <cfchart format=&quot;html&quot; type=&quot;bar&quot; showlegend=&quot;false&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; title=&quot;Chart with arrow&quot; show3d=&quot;true&quot; arrows=&quot;#arrows#&quot;> <cfchartseries > <cfchartdata item=&quot;2015&quot; value=20> <cfchartdata item=&quot;2016&quot; value=40> <cfchartdata item=&quot;2017&quot; value=60> </cfchartseries> </cfchart>
    <cfscript> arrows=[{&quot;backgroundColor&quot;:&quot;red&quot;,&quot;label&quot;:{&quot;text&quot;:&quot;Data for 2017&quot;,&quot;bold&quot;:true,&quot;backgroundColor&quot;:&quot;white&quot;}, &quot;size&quot;:6,&quot;from&quot;:{&quot;x&quot;:200,&quot;y&quot;:100},&quot;to&quot;:{&quot;x&quot;:400,&quot;y&quot;:200}}]; </cfscript> <cfchart format=&quot;html&quot; type=&quot;bar&quot; showlegend=&quot;false&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; title=&quot;Chart with arrow&quot; show3d=&quot;true&quot; arrows=&quot;#arrows#&quot;> <cfchartseries > <cfchartdata item=&quot;2015&quot; value=20> <cfchartdata item=&quot;2016&quot; value=40> <cfchartdata item=&quot;2017&quot; value=60> </cfchartseries> </cfchart>

    出力

    矢印を使用したグラフ
    矢印を使用したグラフ

    true3d=false の場合の aspect3d 属性の使用

    <cfscript> aspect3d={&quot;angle&quot;:90,&quot;depth&quot;:100,&quot;true3d&quot;:false}; </cfscript> <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; title=&quot;Two-series chart&quot; aspect3d=&quot;#aspect3d#&quot; show3d=&quot;true&quot;> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>
    <cfscript> aspect3d={&quot;angle&quot;:90,&quot;depth&quot;:100,&quot;true3d&quot;:false}; </cfscript> <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; title=&quot;Two-series chart&quot; aspect3d=&quot;#aspect3d#&quot; show3d=&quot;true&quot;> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>
    <cfscript> aspect3d={&quot;angle&quot;:90,&quot;depth&quot;:100,&quot;true3d&quot;:false}; </cfscript> <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; title=&quot;Two-series chart&quot; aspect3d=&quot;#aspect3d#&quot; show3d=&quot;true&quot;> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>

    出力

    True 3d=false
    True 3d=false

    true3d=true の場合の aspect3d 属性の使用

    <cfscript> aspect3d={&quot;angle&quot;:90,&quot;depth&quot;:100,&quot;true3d&quot;:true}; </cfscript> <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; title=&quot;Two-series chart&quot; aspect3d=&quot;#aspect3d#&quot; show3d=&quot;true&quot;> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>
    <cfscript> aspect3d={&quot;angle&quot;:90,&quot;depth&quot;:100,&quot;true3d&quot;:true}; </cfscript> <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; title=&quot;Two-series chart&quot; aspect3d=&quot;#aspect3d#&quot; show3d=&quot;true&quot;> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>
    <cfscript> aspect3d={&quot;angle&quot;:90,&quot;depth&quot;:100,&quot;true3d&quot;:true}; </cfscript> <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; title=&quot;Two-series chart&quot; aspect3d=&quot;#aspect3d#&quot; show3d=&quot;true&quot;> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>

    出力

    True 3d=true
    True 3d=true

    background 属性の使用

    <cfscript> background={}; background={&quot;color&quot;:&quot;red&quot;,&quot;color-2&quot;:&quot;green&quot;}; </cfscript> <cfchart format=&quot;html&quot; scalefrom=&quot;0&quot; scaleto=&quot;1200000&quot; showlegend=&quot;true&quot; chartheight=&quot;400&quot; chartwidth=&quot;600&quot; background=&quot;#background#&quot; > <cfchartseries type=&quot;bar&quot; serieslabel=&quot;Website Traffic 2016&quot; seriescolor=&quot;blue&quot;> <cfchartdata item=&quot;January&quot; value=&quot;503100&quot;> <cfchartdata item=&quot;February&quot; value=&quot;720310&quot;> <cfchartdata item=&quot;March&quot; value=&quot;688700&quot;> <cfchartdata item=&quot;April&quot; value=&quot;986500&quot;> <cfchartdata item=&quot;May&quot; value=&quot;1063911&quot;> <cfchartdata item=&quot;June&quot; value=&quot;1115321&quot;> </cfchartseries> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;Website Traffic 2015&quot; seriescolor=&quot;yellow&quot;> <cfchartdata item=&quot;January&quot; value=&quot;#RandRange(300000, 900000)#&quot;> <cfchartdata item=&quot;February&quot; value=&quot;#RandRange(300000, 900000)#&quot;> <cfchartdata item=&quot;March&quot; value=&quot;#RandRange(300000, 900000)#&quot;> <cfchartdata item=&quot;April&quot; value=&quot;#RandRange(300000, 900000)#&quot;> <cfchartdata item=&quot;May&quot; value=&quot;#RandRange(300000, 900000)#&quot;> <cfchartdata item=&quot;June&quot; value=&quot;#RandRange(300000, 900000)#&quot;> </cfchartseries> </cfchart>
    <cfscript> background={}; background={&quot;color&quot;:&quot;red&quot;,&quot;color-2&quot;:&quot;green&quot;}; </cfscript> <cfchart format=&quot;html&quot; scalefrom=&quot;0&quot; scaleto=&quot;1200000&quot; showlegend=&quot;true&quot; chartheight=&quot;400&quot; chartwidth=&quot;600&quot; background=&quot;#background#&quot; > <cfchartseries type=&quot;bar&quot; serieslabel=&quot;Website Traffic 2016&quot; seriescolor=&quot;blue&quot;> <cfchartdata item=&quot;January&quot; value=&quot;503100&quot;> <cfchartdata item=&quot;February&quot; value=&quot;720310&quot;> <cfchartdata item=&quot;March&quot; value=&quot;688700&quot;> <cfchartdata item=&quot;April&quot; value=&quot;986500&quot;> <cfchartdata item=&quot;May&quot; value=&quot;1063911&quot;> <cfchartdata item=&quot;June&quot; value=&quot;1115321&quot;> </cfchartseries> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;Website Traffic 2015&quot; seriescolor=&quot;yellow&quot;> <cfchartdata item=&quot;January&quot; value=&quot;#RandRange(300000, 900000)#&quot;> <cfchartdata item=&quot;February&quot; value=&quot;#RandRange(300000, 900000)#&quot;> <cfchartdata item=&quot;March&quot; value=&quot;#RandRange(300000, 900000)#&quot;> <cfchartdata item=&quot;April&quot; value=&quot;#RandRange(300000, 900000)#&quot;> <cfchartdata item=&quot;May&quot; value=&quot;#RandRange(300000, 900000)#&quot;> <cfchartdata item=&quot;June&quot; value=&quot;#RandRange(300000, 900000)#&quot;> </cfchartseries> </cfchart>
    <cfscript> background={}; background={&quot;color&quot;:&quot;red&quot;,&quot;color-2&quot;:&quot;green&quot;}; </cfscript> <cfchart format=&quot;html&quot; scalefrom=&quot;0&quot; scaleto=&quot;1200000&quot; showlegend=&quot;true&quot; chartheight=&quot;400&quot; chartwidth=&quot;600&quot; background=&quot;#background#&quot; > <cfchartseries type=&quot;bar&quot; serieslabel=&quot;Website Traffic 2016&quot; seriescolor=&quot;blue&quot;> <cfchartdata item=&quot;January&quot; value=&quot;503100&quot;> <cfchartdata item=&quot;February&quot; value=&quot;720310&quot;> <cfchartdata item=&quot;March&quot; value=&quot;688700&quot;> <cfchartdata item=&quot;April&quot; value=&quot;986500&quot;> <cfchartdata item=&quot;May&quot; value=&quot;1063911&quot;> <cfchartdata item=&quot;June&quot; value=&quot;1115321&quot;> </cfchartseries> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;Website Traffic 2015&quot; seriescolor=&quot;yellow&quot;> <cfchartdata item=&quot;January&quot; value=&quot;#RandRange(300000, 900000)#&quot;> <cfchartdata item=&quot;February&quot; value=&quot;#RandRange(300000, 900000)#&quot;> <cfchartdata item=&quot;March&quot; value=&quot;#RandRange(300000, 900000)#&quot;> <cfchartdata item=&quot;April&quot; value=&quot;#RandRange(300000, 900000)#&quot;> <cfchartdata item=&quot;May&quot; value=&quot;#RandRange(300000, 900000)#&quot;> <cfchartdata item=&quot;June&quot; value=&quot;#RandRange(300000, 900000)#&quot;> </cfchartseries> </cfchart>

    出力

    背景の使用
    背景の使用

    border 属性の使用

    <cfscript> border={&quot;color&quot;:&quot;blue&quot;,&quot;radius&quot;:6,&quot;width&quot;:2}; </cfscript> <cfchart format=&quot;html&quot; type=&quot;bar&quot; showlegend=&quot;false&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; border=&quot;#border#&quot;> <cfchartseries > <cfchartdata item=&quot;2015&quot; value=20> <cfchartdata item=&quot;2016&quot; value=40> <cfchartdata item=&quot;2017&quot; value=60> </cfchartseries> </cfchart>
    <cfscript> border={&quot;color&quot;:&quot;blue&quot;,&quot;radius&quot;:6,&quot;width&quot;:2}; </cfscript> <cfchart format=&quot;html&quot; type=&quot;bar&quot; showlegend=&quot;false&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; border=&quot;#border#&quot;> <cfchartseries > <cfchartdata item=&quot;2015&quot; value=20> <cfchartdata item=&quot;2016&quot; value=40> <cfchartdata item=&quot;2017&quot; value=60> </cfchartseries> </cfchart>
    <cfscript> border={&quot;color&quot;:&quot;blue&quot;,&quot;radius&quot;:6,&quot;width&quot;:2}; </cfscript> <cfchart format=&quot;html&quot; type=&quot;bar&quot; showlegend=&quot;false&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; border=&quot;#border#&quot;> <cfchartseries > <cfchartdata item=&quot;2015&quot; value=20> <cfchartdata item=&quot;2016&quot; value=40> <cfchartdata item=&quot;2017&quot; value=60> </cfchartseries> </cfchart>

    出力

    border 属性を使用したグラフ
    border 属性を使用したグラフ

    crosshair 属性の使用

    <cfscript> crosshair={&quot;line-color&quot;:&quot;green&quot;,&quot;line-style&quot;:&quot;dashed&quot;,&quot;alpha&quot;=1}; </cfscript> <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; title=&quot;Two-series chart&quot; crosshair=&quot;#crosshair#&quot;> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>
    <cfscript> crosshair={&quot;line-color&quot;:&quot;green&quot;,&quot;line-style&quot;:&quot;dashed&quot;,&quot;alpha&quot;=1}; </cfscript> <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; title=&quot;Two-series chart&quot; crosshair=&quot;#crosshair#&quot;> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>
    <cfscript> crosshair={&quot;line-color&quot;:&quot;green&quot;,&quot;line-style&quot;:&quot;dashed&quot;,&quot;alpha&quot;=1}; </cfscript> <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; title=&quot;Two-series chart&quot; crosshair=&quot;#crosshair#&quot;> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>

    出力

    crosshair 属性を使用したグラフ
    crosshair 属性を使用したグラフ

    fill 属性の使用

    <cfscript> fill={&quot;angle&quot;:45,&quot;background-color-1&quot;:&quot;gray&quot;,&quot;background-color-2&quot;:&quot;yellow&quot;}; </cfscript> <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; title=&quot;Two-series chart&quot; fill=&quot;#fill#&quot;> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>
    <cfscript> fill={&quot;angle&quot;:45,&quot;background-color-1&quot;:&quot;gray&quot;,&quot;background-color-2&quot;:&quot;yellow&quot;}; </cfscript> <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; title=&quot;Two-series chart&quot; fill=&quot;#fill#&quot;> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>
    <cfscript> fill={&quot;angle&quot;:45,&quot;background-color-1&quot;:&quot;gray&quot;,&quot;background-color-2&quot;:&quot;yellow&quot;}; </cfscript> <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; title=&quot;Two-series chart&quot; fill=&quot;#fill#&quot;> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>

    出力

    fill 属性を使用したグラフ
    fill 属性を使用したグラフ

    labels 属性の使用

    <cfscript> labels=[{&quot;text&quot;:&quot;Sample comparison line chart&quot;,&quot;font-family&quot;:&quot;Verdana&quot;,&quot;font-size&quot;:18}]; </cfscript> <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; labels=&quot;#labels#&quot;> <cfchartseries type=&quot;line&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;line&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>
    <cfscript> labels=[{&quot;text&quot;:&quot;Sample comparison line chart&quot;,&quot;font-family&quot;:&quot;Verdana&quot;,&quot;font-size&quot;:18}]; </cfscript> <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; labels=&quot;#labels#&quot;> <cfchartseries type=&quot;line&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;line&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>
    <cfscript> labels=[{&quot;text&quot;:&quot;Sample comparison line chart&quot;,&quot;font-family&quot;:&quot;Verdana&quot;,&quot;font-size&quot;:18}]; </cfscript> <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; labels=&quot;#labels#&quot;> <cfchartseries type=&quot;line&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;line&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>

    出力

    label を使用したグラフ
    label を使用したグラフ

    legend 属性の使用

    <cfscript> legend={&quot;background-color&quot;:&quot;lightgray&quot;}; </cfscript> <cfchart format=&quot;html&quot; title=&quot;Graph&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;yes&quot; legend=&quot;#legend#&quot;> <cfchartseries type=&quot;line&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;line&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>
    <cfscript> legend={&quot;background-color&quot;:&quot;lightgray&quot;}; </cfscript> <cfchart format=&quot;html&quot; title=&quot;Graph&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;yes&quot; legend=&quot;#legend#&quot;> <cfchartseries type=&quot;line&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;line&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>
    <cfscript> legend={&quot;background-color&quot;:&quot;lightgray&quot;}; </cfscript> <cfchart format=&quot;html&quot; title=&quot;Graph&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;yes&quot; legend=&quot;#legend#&quot;> <cfchartseries type=&quot;line&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;line&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>

    出力

    legend を使用したグラフ
    legend を使用したグラフ

    plot 属性の使用

    <cfscript> plot={&quot;rules&quot;:[ { &quot;rule&quot;:&quot;%v<700000&quot;, &quot;background-color&quot;:&quot;green&quot; // 700000 未満の値がすべて緑色の棒で }, // グラフに表示されるルールを設定 { &quot;rule&quot;:&quot;%v>700000&quot;, // 700000 より大きい値がすべて赤色の棒で &quot;background-color&quot;:&quot;red&quot; // グラフに表示されるルールを設定 } ]}; </cfscript> <cfchart format=&quot;html&quot; scalefrom=&quot;0&quot; scaleto=&quot;1200000&quot; showlegend=&quot;false&quot; chartheight=&quot;400&quot; chartwidth=&quot;600&quot; plot=&quot;#plot#&quot; title=&quot;Website Traffic 2016&quot;> <cfchartseries type=&quot;bar&quot;> <cfchartdata item=&quot;January&quot; value=&quot;503100&quot;> <cfchartdata item=&quot;February&quot; value=&quot;620310&quot;> <cfchartdata item=&quot;March&quot; value=&quot;688700&quot;> <cfchartdata item=&quot;April&quot; value=&quot;986500&quot;> <cfchartdata item=&quot;May&quot; value=&quot;1063911&quot;> <cfchartdata item=&quot;June&quot; value=&quot;1115321&quot;> </cfchartseries> </cfchart>
    <cfscript> plot={&quot;rules&quot;:[ { &quot;rule&quot;:&quot;%v<700000&quot;, &quot;background-color&quot;:&quot;green&quot; // 700000 未満の値がすべて緑色の棒で }, // グラフに表示されるルールを設定 { &quot;rule&quot;:&quot;%v>700000&quot;, // 700000 より大きい値がすべて赤色の棒で &quot;background-color&quot;:&quot;red&quot; // グラフに表示されるルールを設定 } ]}; </cfscript> <cfchart format=&quot;html&quot; scalefrom=&quot;0&quot; scaleto=&quot;1200000&quot; showlegend=&quot;false&quot; chartheight=&quot;400&quot; chartwidth=&quot;600&quot; plot=&quot;#plot#&quot; title=&quot;Website Traffic 2016&quot;> <cfchartseries type=&quot;bar&quot;> <cfchartdata item=&quot;January&quot; value=&quot;503100&quot;> <cfchartdata item=&quot;February&quot; value=&quot;620310&quot;> <cfchartdata item=&quot;March&quot; value=&quot;688700&quot;> <cfchartdata item=&quot;April&quot; value=&quot;986500&quot;> <cfchartdata item=&quot;May&quot; value=&quot;1063911&quot;> <cfchartdata item=&quot;June&quot; value=&quot;1115321&quot;> </cfchartseries> </cfchart>
    <cfscript> plot={&quot;rules&quot;:[ { &quot;rule&quot;:&quot;%v<700000&quot;, &quot;background-color&quot;:&quot;green&quot; // 700000 未満の値がすべて緑色の棒で }, // グラフに表示されるルールを設定 { &quot;rule&quot;:&quot;%v>700000&quot;, // 700000 より大きい値がすべて赤色の棒で &quot;background-color&quot;:&quot;red&quot; // グラフに表示されるルールを設定 } ]}; </cfscript> <cfchart format=&quot;html&quot; scalefrom=&quot;0&quot; scaleto=&quot;1200000&quot; showlegend=&quot;false&quot; chartheight=&quot;400&quot; chartwidth=&quot;600&quot; plot=&quot;#plot#&quot; title=&quot;Website Traffic 2016&quot;> <cfchartseries type=&quot;bar&quot;> <cfchartdata item=&quot;January&quot; value=&quot;503100&quot;> <cfchartdata item=&quot;February&quot; value=&quot;620310&quot;> <cfchartdata item=&quot;March&quot; value=&quot;688700&quot;> <cfchartdata item=&quot;April&quot; value=&quot;986500&quot;> <cfchartdata item=&quot;May&quot; value=&quot;1063911&quot;> <cfchartdata item=&quot;June&quot; value=&quot;1115321&quot;> </cfchartseries> </cfchart>

    出力

    plot を使用したグラフ
    plot を使用したグラフ

    preview 属性の使用

    <cfscript> n=200; preview={&quot;visible&quot;:true,&quot;live&quot;:true,&quot;preserve-zoom&quot;:true,&quot;border-width&quot;:&quot;3&quot;}; // preview 構造体 myarray=[]; for (i=1;i<=n;i++){ myarray[i]=randrange(1,n); } strengtharray=[]; for (i=1;i<=n;i++){ strengtharray[i]=randrange(15,25); } myquery=QueryNew(&quot;points,data,strength&quot;,&quot;integer,integer,integer&quot;); for (i=1;i<=arraylen(myarray);i++){ queryAddRow(myquery); querySetCell(myquery,&quot;points&quot;,myarray[i]); querySetCell(myquery,&quot;data&quot;,i); querySetCell(myquery,&quot;strength&quot;,strengtharray[i]); } cfchart(format = &quot;html&quot;, title = &quot;Report&quot;, scalefrom=&quot;1&quot;, scaleto=&quot;#n#&quot;,chartheight=&quot;400&quot;,chartwidth=&quot;600&quot;, preview=&quot;#preview#&quot;) { cfchartseries(query=&quot;myquery&quot;,type=&quot;line&quot; ,valuecolumn=&quot;points&quot; ,itemcolumn=&quot;data&quot; , zcolumn=&quot;strength&quot;); } </cfscript>
    <cfscript> n=200; preview={&quot;visible&quot;:true,&quot;live&quot;:true,&quot;preserve-zoom&quot;:true,&quot;border-width&quot;:&quot;3&quot;}; // preview 構造体 myarray=[]; for (i=1;i<=n;i++){ myarray[i]=randrange(1,n); } strengtharray=[]; for (i=1;i<=n;i++){ strengtharray[i]=randrange(15,25); } myquery=QueryNew(&quot;points,data,strength&quot;,&quot;integer,integer,integer&quot;); for (i=1;i<=arraylen(myarray);i++){ queryAddRow(myquery); querySetCell(myquery,&quot;points&quot;,myarray[i]); querySetCell(myquery,&quot;data&quot;,i); querySetCell(myquery,&quot;strength&quot;,strengtharray[i]); } cfchart(format = &quot;html&quot;, title = &quot;Report&quot;, scalefrom=&quot;1&quot;, scaleto=&quot;#n#&quot;,chartheight=&quot;400&quot;,chartwidth=&quot;600&quot;, preview=&quot;#preview#&quot;) { cfchartseries(query=&quot;myquery&quot;,type=&quot;line&quot; ,valuecolumn=&quot;points&quot; ,itemcolumn=&quot;data&quot; , zcolumn=&quot;strength&quot;); } </cfscript>
    <cfscript> n=200; preview={&quot;visible&quot;:true,&quot;live&quot;:true,&quot;preserve-zoom&quot;:true,&quot;border-width&quot;:&quot;3&quot;}; // preview 構造体 myarray=[]; for (i=1;i<=n;i++){ myarray[i]=randrange(1,n); } strengtharray=[]; for (i=1;i<=n;i++){ strengtharray[i]=randrange(15,25); } myquery=QueryNew(&quot;points,data,strength&quot;,&quot;integer,integer,integer&quot;); for (i=1;i<=arraylen(myarray);i++){ queryAddRow(myquery); querySetCell(myquery,&quot;points&quot;,myarray[i]); querySetCell(myquery,&quot;data&quot;,i); querySetCell(myquery,&quot;strength&quot;,strengtharray[i]); } cfchart(format = &quot;html&quot;, title = &quot;Report&quot;, scalefrom=&quot;1&quot;, scaleto=&quot;#n#&quot;,chartheight=&quot;400&quot;,chartwidth=&quot;600&quot;, preview=&quot;#preview#&quot;) { cfchartseries(query=&quot;myquery&quot;,type=&quot;line&quot; ,valuecolumn=&quot;points&quot; ,itemcolumn=&quot;data&quot; , zcolumn=&quot;strength&quot;); } </cfscript>

    出力

    preview を使用したグラフ
    preview を使用したグラフ

    seriesPlacement 属性の使用

    <cfchart format=&quot;html&quot; title=&quot;Graph&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;yes&quot; seriesPlacement=&quot;stacked&quot;> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>
    <cfchart format=&quot;html&quot; title=&quot;Graph&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;yes&quot; seriesPlacement=&quot;stacked&quot;> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>
    <cfchart format=&quot;html&quot; title=&quot;Graph&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;yes&quot; seriesPlacement=&quot;stacked&quot;> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;bar&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>

    出力

    seriesPlacement を使用したグラフ
    seriesPlacement を使用したグラフ

    scales 属性の使用

    例 1

    <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; title=&quot;Two-series Line chart&quot; scales=&quot;x,y&quot;> <cfchartseries type=&quot;line&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot; scales=&quot;x2,y2&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;line&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>
    <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; title=&quot;Two-series Line chart&quot; scales=&quot;x,y&quot;> <cfchartseries type=&quot;line&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot; scales=&quot;x2,y2&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;line&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>
    <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; title=&quot;Two-series Line chart&quot; scales=&quot;x,y&quot;> <cfchartseries type=&quot;line&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot; scales=&quot;x2,y2&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;line&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>

    出力

    scales を使用したグラフ
    scales を使用したグラフ

    例 2

    <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; title=&quot;Two-series Line chart&quot; scales=&quot;x,y&quot;> <cfchartseries type=&quot;line&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;line&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; scales=&quot;x2,y2&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>
    <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; title=&quot;Two-series Line chart&quot; scales=&quot;x,y&quot;> <cfchartseries type=&quot;line&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;line&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; scales=&quot;x2,y2&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>
    <cfchart format=&quot;html&quot; chartHeight=&quot;400&quot; chartWidth=&quot;600&quot; showLegend=&quot;no&quot; title=&quot;Two-series Line chart&quot; scales=&quot;x,y&quot;> <cfchartseries type=&quot;line&quot; serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;15.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;12.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;14.2&quot;/> </cfchartseries> <cfchartseries type=&quot;line&quot; serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; scales=&quot;x2,y2&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> <cfchartdata item=&quot;Day 3&quot; value=&quot;35.1&quot;/> <cfchartdata item=&quot;Day 4&quot; value=&quot;32.6&quot;/> <cfchartdata item=&quot;Day 5&quot; value=&quot;34.2&quot;/> </cfchartseries> </cfchart>

    出力

    scales を使用したグラフ
    scales を使用したグラフ

    xAxis 属性の使用

    <cfscript> n=200; preview={&quot;visible&quot;:true,&quot;live&quot;:true,&quot;preserve-zoom&quot;:true,&quot;border-width&quot;:&quot;0&quot;}; // preview 構造体 xAxis={&quot;label&quot;:{&quot;text&quot;:&quot;Drag the handles to zoom in to the chart&quot;,&quot;color&quot;:&quot;red&quot;},&quot;zooming&quot;:true}; myarray=[]; for (i=1;i<=n;i++){ myarray[i]=randrange(1,n); } strengtharray=[]; for (i=1;i<=n;i++){ strengtharray[i]=randrange(15,25); } myquery=QueryNew(&quot;points,data,strength&quot;,&quot;integer,integer,integer&quot;); for (i=1;i<=arraylen(myarray);i++){ queryAddRow(myquery); querySetCell(myquery,&quot;points&quot;,myarray[i]); querySetCell(myquery,&quot;data&quot;,i); querySetCell(myquery,&quot;strength&quot;,strengtharray[i]); } cfchart(format = &quot;html&quot;, title = &quot;Report&quot;, scalefrom=&quot;1&quot;, scaleto=&quot;#n#&quot;,chartheight=&quot;600&quot;,chartwidth=&quot;800&quot;, preview=&quot;#preview#&quot;,xaxis=&quot;#xaxis#&quot;) { cfchartseries(query=&quot;myquery&quot;,type=&quot;line&quot; ,valuecolumn=&quot;points&quot; ,itemcolumn=&quot;data&quot; , zcolumn=&quot;strength&quot;); } </cfscript>
    <cfscript> n=200; preview={&quot;visible&quot;:true,&quot;live&quot;:true,&quot;preserve-zoom&quot;:true,&quot;border-width&quot;:&quot;0&quot;}; // preview 構造体 xAxis={&quot;label&quot;:{&quot;text&quot;:&quot;Drag the handles to zoom in to the chart&quot;,&quot;color&quot;:&quot;red&quot;},&quot;zooming&quot;:true}; myarray=[]; for (i=1;i<=n;i++){ myarray[i]=randrange(1,n); } strengtharray=[]; for (i=1;i<=n;i++){ strengtharray[i]=randrange(15,25); } myquery=QueryNew(&quot;points,data,strength&quot;,&quot;integer,integer,integer&quot;); for (i=1;i<=arraylen(myarray);i++){ queryAddRow(myquery); querySetCell(myquery,&quot;points&quot;,myarray[i]); querySetCell(myquery,&quot;data&quot;,i); querySetCell(myquery,&quot;strength&quot;,strengtharray[i]); } cfchart(format = &quot;html&quot;, title = &quot;Report&quot;, scalefrom=&quot;1&quot;, scaleto=&quot;#n#&quot;,chartheight=&quot;600&quot;,chartwidth=&quot;800&quot;, preview=&quot;#preview#&quot;,xaxis=&quot;#xaxis#&quot;) { cfchartseries(query=&quot;myquery&quot;,type=&quot;line&quot; ,valuecolumn=&quot;points&quot; ,itemcolumn=&quot;data&quot; , zcolumn=&quot;strength&quot;); } </cfscript>
    <cfscript> n=200; preview={&quot;visible&quot;:true,&quot;live&quot;:true,&quot;preserve-zoom&quot;:true,&quot;border-width&quot;:&quot;0&quot;}; // preview 構造体 xAxis={&quot;label&quot;:{&quot;text&quot;:&quot;Drag the handles to zoom in to the chart&quot;,&quot;color&quot;:&quot;red&quot;},&quot;zooming&quot;:true}; myarray=[]; for (i=1;i<=n;i++){ myarray[i]=randrange(1,n); } strengtharray=[]; for (i=1;i<=n;i++){ strengtharray[i]=randrange(15,25); } myquery=QueryNew(&quot;points,data,strength&quot;,&quot;integer,integer,integer&quot;); for (i=1;i<=arraylen(myarray);i++){ queryAddRow(myquery); querySetCell(myquery,&quot;points&quot;,myarray[i]); querySetCell(myquery,&quot;data&quot;,i); querySetCell(myquery,&quot;strength&quot;,strengtharray[i]); } cfchart(format = &quot;html&quot;, title = &quot;Report&quot;, scalefrom=&quot;1&quot;, scaleto=&quot;#n#&quot;,chartheight=&quot;600&quot;,chartwidth=&quot;800&quot;, preview=&quot;#preview#&quot;,xaxis=&quot;#xaxis#&quot;) { cfchartseries(query=&quot;myquery&quot;,type=&quot;line&quot; ,valuecolumn=&quot;points&quot; ,itemcolumn=&quot;data&quot; , zcolumn=&quot;strength&quot;); } </cfscript>

    zoom 属性の使用

    <cfscript> n=200; preview={&quot;visible&quot;:true,&quot;live&quot;:true,&quot;preserve-zoom&quot;:true,&quot;border-width&quot;:&quot;0&quot;}; // preview 構造体 xAxis={&quot;label&quot;:{&quot;text&quot;:&quot;Drag the handles to zoom in to the chart&quot;,&quot;color&quot;:&quot;red&quot;},&quot;zooming&quot;:true}; zoom={&quot;alpha&quot;:&quot;0.3&quot;,&quot;border-color&quot;:&quot;black&quot;,&quot;border-width&quot;:4,&quot;background-color&quot;:&quot;gray&quot;,&quot;label&quot;:{&quot;border-color&quot;:&quot;red&quot;,&quot;border-width&quot;:2,&quot;font-size&quot;:10}}; myarray=[]; for (i=1;i<=n;i++){ myarray[i]=randrange(1,n); } strengtharray=[]; for (i=1;i<=n;i++){ strengtharray[i]=randrange(15,25); } myquery=QueryNew(&quot;points,data,strength&quot;,&quot;integer,integer,integer&quot;); for (i=1;i<=arraylen(myarray);i++){ queryAddRow(myquery); querySetCell(myquery,&quot;points&quot;,myarray[i]); querySetCell(myquery,&quot;data&quot;,i); querySetCell(myquery,&quot;strength&quot;,strengtharray[i]); } cfchart(format = &quot;html&quot;, title = &quot;Report&quot;, scalefrom=&quot;1&quot;, scaleto=&quot;#n#&quot;,chartheight=&quot;600&quot;,chartwidth=&quot;800&quot;, preview=&quot;#preview#&quot;,xaxis=&quot;#xaxis#&quot;,zoom=&quot;#zoom#&quot;) { cfchartseries(query=&quot;myquery&quot;,type=&quot;line&quot; ,valuecolumn=&quot;points&quot; ,itemcolumn=&quot;data&quot; , zcolumn=&quot;strength&quot;); } </cfscript>
    <cfscript> n=200; preview={&quot;visible&quot;:true,&quot;live&quot;:true,&quot;preserve-zoom&quot;:true,&quot;border-width&quot;:&quot;0&quot;}; // preview 構造体 xAxis={&quot;label&quot;:{&quot;text&quot;:&quot;Drag the handles to zoom in to the chart&quot;,&quot;color&quot;:&quot;red&quot;},&quot;zooming&quot;:true}; zoom={&quot;alpha&quot;:&quot;0.3&quot;,&quot;border-color&quot;:&quot;black&quot;,&quot;border-width&quot;:4,&quot;background-color&quot;:&quot;gray&quot;,&quot;label&quot;:{&quot;border-color&quot;:&quot;red&quot;,&quot;border-width&quot;:2,&quot;font-size&quot;:10}}; myarray=[]; for (i=1;i<=n;i++){ myarray[i]=randrange(1,n); } strengtharray=[]; for (i=1;i<=n;i++){ strengtharray[i]=randrange(15,25); } myquery=QueryNew(&quot;points,data,strength&quot;,&quot;integer,integer,integer&quot;); for (i=1;i<=arraylen(myarray);i++){ queryAddRow(myquery); querySetCell(myquery,&quot;points&quot;,myarray[i]); querySetCell(myquery,&quot;data&quot;,i); querySetCell(myquery,&quot;strength&quot;,strengtharray[i]); } cfchart(format = &quot;html&quot;, title = &quot;Report&quot;, scalefrom=&quot;1&quot;, scaleto=&quot;#n#&quot;,chartheight=&quot;600&quot;,chartwidth=&quot;800&quot;, preview=&quot;#preview#&quot;,xaxis=&quot;#xaxis#&quot;,zoom=&quot;#zoom#&quot;) { cfchartseries(query=&quot;myquery&quot;,type=&quot;line&quot; ,valuecolumn=&quot;points&quot; ,itemcolumn=&quot;data&quot; , zcolumn=&quot;strength&quot;); } </cfscript>
    <cfscript> n=200; preview={&quot;visible&quot;:true,&quot;live&quot;:true,&quot;preserve-zoom&quot;:true,&quot;border-width&quot;:&quot;0&quot;}; // preview 構造体 xAxis={&quot;label&quot;:{&quot;text&quot;:&quot;Drag the handles to zoom in to the chart&quot;,&quot;color&quot;:&quot;red&quot;},&quot;zooming&quot;:true}; zoom={&quot;alpha&quot;:&quot;0.3&quot;,&quot;border-color&quot;:&quot;black&quot;,&quot;border-width&quot;:4,&quot;background-color&quot;:&quot;gray&quot;,&quot;label&quot;:{&quot;border-color&quot;:&quot;red&quot;,&quot;border-width&quot;:2,&quot;font-size&quot;:10}}; myarray=[]; for (i=1;i<=n;i++){ myarray[i]=randrange(1,n); } strengtharray=[]; for (i=1;i<=n;i++){ strengtharray[i]=randrange(15,25); } myquery=QueryNew(&quot;points,data,strength&quot;,&quot;integer,integer,integer&quot;); for (i=1;i<=arraylen(myarray);i++){ queryAddRow(myquery); querySetCell(myquery,&quot;points&quot;,myarray[i]); querySetCell(myquery,&quot;data&quot;,i); querySetCell(myquery,&quot;strength&quot;,strengtharray[i]); } cfchart(format = &quot;html&quot;, title = &quot;Report&quot;, scalefrom=&quot;1&quot;, scaleto=&quot;#n#&quot;,chartheight=&quot;600&quot;,chartwidth=&quot;800&quot;, preview=&quot;#preview#&quot;,xaxis=&quot;#xaxis#&quot;,zoom=&quot;#zoom#&quot;) { cfchartseries(query=&quot;myquery&quot;,type=&quot;line&quot; ,valuecolumn=&quot;points&quot; ,itemcolumn=&quot;data&quot; , zcolumn=&quot;strength&quot;); } </cfscript>

    高さ、幅、パーセントの使用

    例 1 - height=600 および width=600

    コード

    <cfchart type=&quot;bar&quot; title=&quot;Sample two-series Line chart&quot; height=600 width=800 plotarea = &quot;#{&quot;margin&quot;=&quot;dynamic&quot;}#&quot; showlegend=&quot;yes&quot; show3d=&quot;no&quot; format=&quot;html&quot;>
    <cfchartseries serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;>
    <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/>
    <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/>
    </cfchartseries>
    <cfchartseries serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; >
    <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/>
    <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/>
    </cfchartseries>
    </cfchart>
    <cfchart type=&quot;bar&quot; title=&quot;Sample two-series Line chart&quot; height=600 width=800 plotarea = &quot;#{&quot;margin&quot;=&quot;dynamic&quot;}#&quot; showlegend=&quot;yes&quot; show3d=&quot;no&quot; format=&quot;html&quot;> <cfchartseries serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> </cfchartseries> <cfchartseries serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> </cfchartseries> </cfchart>
    <cfchart type=&quot;bar&quot; title=&quot;Sample two-series Line chart&quot; height=600 width=800 plotarea = &quot;#{&quot;margin&quot;=&quot;dynamic&quot;}#&quot; showlegend=&quot;yes&quot; show3d=&quot;no&quot; format=&quot;html&quot;>
        <cfchartseries serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;>
            <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/>
            <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/>
        </cfchartseries>
        <cfchartseries serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; >
            <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/>
            <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/>
        </cfchartseries>
</cfchart>

    例 2 - height=50% および width=50%

    コード

    <cfchart type=&quot;bar&quot; title=&quot;Sample two-series Line chart&quot; height=50% width=50% plotarea = &quot;#{&quot;margin&quot;=&quot;dynamic&quot;}#&quot; showlegend=&quot;yes&quot; show3d=&quot;no&quot; format=&quot;html&quot;>
    <cfchartseries serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;>
    <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/>
    <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/>
    </cfchartseries>
    <cfchartseries serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; >
    <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/>
    <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/>
    </cfchartseries>
    </cfchart>
    <cfchart type=&quot;bar&quot; title=&quot;Sample two-series Line chart&quot; height=50% width=50% plotarea = &quot;#{&quot;margin&quot;=&quot;dynamic&quot;}#&quot; showlegend=&quot;yes&quot; show3d=&quot;no&quot; format=&quot;html&quot;> <cfchartseries serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> </cfchartseries> <cfchartseries serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> </cfchartseries> </cfchart>
    <cfchart type=&quot;bar&quot; title=&quot;Sample two-series Line chart&quot; height=50% width=50% plotarea = &quot;#{&quot;margin&quot;=&quot;dynamic&quot;}#&quot; showlegend=&quot;yes&quot; show3d=&quot;no&quot; format=&quot;html&quot;>
        <cfchartseries serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;>
            <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/>
            <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/>
        </cfchartseries>
        <cfchartseries serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; >
            <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/>
            <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/>
        </cfchartseries>
</cfchart>

    例 3 - x=0 y=35%

    コード

    <cfchart type=&quot;bar&quot; title=&quot;Sample two-series Line chart&quot; x=0 y=35% plotarea = &quot;#{&quot;margin&quot;=&quot;dynamic&quot;}#&quot; showlegend=&quot;yes&quot; show3d=&quot;no&quot; format=&quot;html&quot;>
    <cfchartseries serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;>
    <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/>
    <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/>
    </cfchartseries>
    <cfchartseries serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; >
    <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/>
    <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/>
    </cfchartseries>
    </cfchart>
    <cfchart type=&quot;bar&quot; title=&quot;Sample two-series Line chart&quot; x=0 y=35% plotarea = &quot;#{&quot;margin&quot;=&quot;dynamic&quot;}#&quot; showlegend=&quot;yes&quot; show3d=&quot;no&quot; format=&quot;html&quot;> <cfchartseries serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;> <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/> </cfchartseries> <cfchartseries serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; > <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/> <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/> </cfchartseries> </cfchart>
    <cfchart type=&quot;bar&quot; title=&quot;Sample two-series Line chart&quot; x=0 y=35% plotarea = &quot;#{&quot;margin&quot;=&quot;dynamic&quot;}#&quot; showlegend=&quot;yes&quot; show3d=&quot;no&quot; format=&quot;html&quot;>
        <cfchartseries serieslabel=&quot;WBC&quot; markerstyle=&quot;circle&quot; color=&quot;red&quot;>
            <cfchartdata item=&quot;Day 1&quot; value=&quot;19.2&quot;/>
            <cfchartdata item=&quot;Day 2&quot; value=&quot;15.2&quot;/>
        </cfchartseries>
        <cfchartseries serieslabel=&quot;HCT&quot; markerstyle=&quot;diamond&quot; color=&quot;blue&quot; >
            <cfchartdata item=&quot;Day 1&quot; value=&quot;39.2&quot;/>
            <cfchartdata item=&quot;Day 2&quot; value=&quot;35.2&quot;/>
        </cfchartseries>
</cfchart>

    bevel 属性の使用

    チャートのベベルは、棒グラフや円グラフのスライスなどのチャート要素に適用される 3D のような浮き彫り効果で、視覚的な奥行きを強調します。この効果により、要素がエンボス加工されたような外観になり、より目立つようになります。

    ベベルは、次のようなベベルに関連するキーの構造体です。

    • color：ベベルの色を定義します。
    • blur-x：x 方向のベベルのエッジの鋭さ／滑らかさを定義します。
    • blur-y：y 方向のベベルのエッジの鋭さ／滑らかさを定義します。
    • angle：ベベルの角度を定義します。
    • distance：# | #px 単位の距離で、ベベルが表示されるオブジェクトからの距離を示します。
    <cfquery name=&quot;empQuery&quot; datasource=&quot;cfdocexamples&quot;>
    SELECT * FROM EMPLOYEE ORDER BY SALARY DESC
    FETCH FIRST 10 ROWS ONLY
    </cfquery>
    <cfscript>
    bevel={
    &quot;blur-x&quot;=5,
    &quot;blur-y&quot;=6,
    &quot;angle&quot;=45,
    &quot;distance&quot;=5
    }
    scaley={&quot;min-value&quot;=&quot;0&quot;,&quot;max-value&quot;=&quot;15000&quot;}
    </cfscript>
    <cfchart format=&quot;html&quot; type=&quot;hbar&quot; query=&quot;empQuery&quot; height=&quot;600&quot; width=&quot;800&quot; showLegend=&quot;FALSE&quot; xaxis=&quot;#scaley#&quot; title=&quot;Employee salary&quot; xaxistitle=&quot;Lastname&quot; yaxistitle=&quot;Salary&quot;>
    <cfchartseries itemcolumn=&quot;LASTNAME&quot; valuecolumn=&quot;SALARY&quot; bevel=&quot;#bevel#&quot; color=&quot;green&quot;>
    </cfchart>
    <cfquery name=&quot;empQuery&quot; datasource=&quot;cfdocexamples&quot;> SELECT * FROM EMPLOYEE ORDER BY SALARY DESC FETCH FIRST 10 ROWS ONLY </cfquery> <cfscript> bevel={ &quot;blur-x&quot;=5, &quot;blur-y&quot;=6, &quot;angle&quot;=45, &quot;distance&quot;=5 } scaley={&quot;min-value&quot;=&quot;0&quot;,&quot;max-value&quot;=&quot;15000&quot;} </cfscript> <cfchart format=&quot;html&quot; type=&quot;hbar&quot; query=&quot;empQuery&quot; height=&quot;600&quot; width=&quot;800&quot; showLegend=&quot;FALSE&quot; xaxis=&quot;#scaley#&quot; title=&quot;Employee salary&quot; xaxistitle=&quot;Lastname&quot; yaxistitle=&quot;Salary&quot;> <cfchartseries itemcolumn=&quot;LASTNAME&quot; valuecolumn=&quot;SALARY&quot; bevel=&quot;#bevel#&quot; color=&quot;green&quot;> </cfchart>
    <cfquery name=&quot;empQuery&quot; datasource=&quot;cfdocexamples&quot;>
    SELECT * FROM EMPLOYEE ORDER BY SALARY DESC
    FETCH FIRST 10 ROWS ONLY
</cfquery>

<cfscript>
    bevel={
        &quot;blur-x&quot;=5,
        &quot;blur-y&quot;=6,
        &quot;angle&quot;=45,
        &quot;distance&quot;=5
    }
    scaley={&quot;min-value&quot;=&quot;0&quot;,&quot;max-value&quot;=&quot;15000&quot;}
</cfscript>

<cfchart  format=&quot;html&quot; type=&quot;hbar&quot;  query=&quot;empQuery&quot;  height=&quot;600&quot; width=&quot;800&quot; showLegend=&quot;FALSE&quot;  xaxis=&quot;#scaley#&quot; title=&quot;Employee salary&quot; xaxistitle=&quot;Lastname&quot; yaxistitle=&quot;Salary&quot;>
    <cfchartseries  itemcolumn=&quot;LASTNAME&quot; valuecolumn=&quot;SALARY&quot;  bevel=&quot;#bevel#&quot; color=&quot;green&quot;> 
</cfchart>

    axis 属性の使用

    x 軸と y 軸の属性をカスタマイズして、チャートの読みやすさと表示を向上させます。このカスタマイズは、cfchart タグ内の xAxis 属性と yAxis 属性を使用して実現されます。

    xAxis 属性と yAxis 属性は、それぞれの軸の様々なスタイルオプションを定義する JSON 形式の文字列を受け入れます。これらのオプションには、書式設定、ラベル付け、ガイドライン、ズーム機能が含まれます。

    <cfscript>
    xAxis={&quot;label&quot;={&quot;text&quot;:&quot;Monthly temperature in Chartville&quot;,&quot;color&quot;=&quot;##3a5551&quot;}}
    </cfscript>
    <cfchartset format=&quot;html&quot; layout=&quot;vertical&quot; height=&quot;800&quot; width=&quot;1000&quot;>
    <cfchart format = &quot;html&quot; type = &quot;curve&quot; markersize=&quot;5&quot; xAxis=&quot;#xAxis#&quot;>
    <cfchartseries label=&quot;Temperatures(°C)- Monthly&quot; seriescolor=&quot;white&quot; color=&quot;##3a5551&quot;>
    <cfchartdata item=&quot;Jan&quot; value=&quot;5&quot;>
    <cfchartdata item=&quot;Feb&quot; value=&quot;70&quot;>
    <cfchartdata item=&quot;Mar&quot; value=&quot;10&quot;>
    <cfchartdata item=&quot;Apr&quot; value=&quot;40&quot;>
    <cfchartdata item=&quot;May&quot; value=&quot;18&quot;>
    <cfchartdata item=&quot;Jun&quot; value=&quot;22&quot;>
    </cfchartseries>
    </cfchart>
    <cfchart format = &quot;html&quot; type = &quot;bar&quot; xAxis=&quot;#xAxis#&quot;>
    <cfchartseries label=&quot;Temperature(°C) - Monthly&quot; seriescolor=&quot;##3a5551&quot;>
    <cfchartdata item=&quot;Jan&quot; value=&quot;5&quot;>
    <cfchartdata item=&quot;Feb&quot; value=&quot;7&quot;>
    <cfchartdata item=&quot;Mar&quot; value=&quot;10&quot;>
    <cfchartdata item=&quot;Apr&quot; value=&quot;14&quot;>
    <cfchartdata item=&quot;May&quot; value=&quot;18&quot;>
    <cfchartdata item=&quot;Jun&quot; value=&quot;22&quot;>
    </cfchartseries>
    </cfchart>
    </cfchartset>
    <cfscript> xAxis={&quot;label&quot;={&quot;text&quot;:&quot;Monthly temperature in Chartville&quot;,&quot;color&quot;=&quot;##3a5551&quot;}} </cfscript> <cfchartset format=&quot;html&quot; layout=&quot;vertical&quot; height=&quot;800&quot; width=&quot;1000&quot;> <cfchart format = &quot;html&quot; type = &quot;curve&quot; markersize=&quot;5&quot; xAxis=&quot;#xAxis#&quot;> <cfchartseries label=&quot;Temperatures(°C)- Monthly&quot; seriescolor=&quot;white&quot; color=&quot;##3a5551&quot;> <cfchartdata item=&quot;Jan&quot; value=&quot;5&quot;> <cfchartdata item=&quot;Feb&quot; value=&quot;70&quot;> <cfchartdata item=&quot;Mar&quot; value=&quot;10&quot;> <cfchartdata item=&quot;Apr&quot; value=&quot;40&quot;> <cfchartdata item=&quot;May&quot; value=&quot;18&quot;> <cfchartdata item=&quot;Jun&quot; value=&quot;22&quot;> </cfchartseries> </cfchart> <cfchart format = &quot;html&quot; type = &quot;bar&quot; xAxis=&quot;#xAxis#&quot;> <cfchartseries label=&quot;Temperature(°C) - Monthly&quot; seriescolor=&quot;##3a5551&quot;> <cfchartdata item=&quot;Jan&quot; value=&quot;5&quot;> <cfchartdata item=&quot;Feb&quot; value=&quot;7&quot;> <cfchartdata item=&quot;Mar&quot; value=&quot;10&quot;> <cfchartdata item=&quot;Apr&quot; value=&quot;14&quot;> <cfchartdata item=&quot;May&quot; value=&quot;18&quot;> <cfchartdata item=&quot;Jun&quot; value=&quot;22&quot;> </cfchartseries> </cfchart> </cfchartset>
    <cfscript>
   xAxis={&quot;label&quot;={&quot;text&quot;:&quot;Monthly temperature in Chartville&quot;,&quot;color&quot;=&quot;##3a5551&quot;}}
</cfscript>

<cfchartset format=&quot;html&quot; layout=&quot;vertical&quot; height=&quot;800&quot; width=&quot;1000&quot;>
    <cfchart format = &quot;html&quot; type = &quot;curve&quot; markersize=&quot;5&quot; xAxis=&quot;#xAxis#&quot;>
   <cfchartseries label=&quot;Temperatures(°C)- Monthly&quot; seriescolor=&quot;white&quot; color=&quot;##3a5551&quot;>
                <cfchartdata item=&quot;Jan&quot; value=&quot;5&quot;>
                <cfchartdata item=&quot;Feb&quot; value=&quot;70&quot;>
                <cfchartdata item=&quot;Mar&quot; value=&quot;10&quot;>
                <cfchartdata item=&quot;Apr&quot; value=&quot;40&quot;>
                <cfchartdata item=&quot;May&quot; value=&quot;18&quot;>
                <cfchartdata item=&quot;Jun&quot; value=&quot;22&quot;>
        </cfchartseries>
    </cfchart>

    <cfchart format = &quot;html&quot; type = &quot;bar&quot; xAxis=&quot;#xAxis#&quot;>
   <cfchartseries  label=&quot;Temperature(°C) - Monthly&quot; seriescolor=&quot;##3a5551&quot;>
            <cfchartdata item=&quot;Jan&quot; value=&quot;5&quot;>
            <cfchartdata item=&quot;Feb&quot; value=&quot;7&quot;>
            <cfchartdata item=&quot;Mar&quot; value=&quot;10&quot;>
            <cfchartdata item=&quot;Apr&quot; value=&quot;14&quot;>
            <cfchartdata item=&quot;May&quot; value=&quot;18&quot;>
            <cfchartdata item=&quot;Jun&quot; value=&quot;22&quot;>
        </cfchartseries>
    </cfchart>
</cfchartset>

    ヘルプをすばやく簡単に入手

    新規ユーザーの場合

    クイックリンク

    すべてのプランを表示 プランを管理
    クイックリンクを表示する
    クイックリンクを非表示にする
    Acrobat 購入相談

    Acrobat 購入相談

    Acrobat 購入相談

    Acrobat 購入相談

    法律上の注意    |    プライバシーポリシー